import Qt 4.7
Rectangle {
	id: mainRect
	width: 180
	height: 300

//	Column{
//		anchors.fill: parent

		Rectangle{
			id: myRect
			height: 100
			color: "green"
			anchors.right: parent.right;
			anchors.left: parent.left;

		}
		Component {
			id: contactDelegate
			Item {
				id: contactDelegateItem
				anchors.right: parent.right;
				anchors.left: parent.left;
				height: 40
				Column {
					Text { text: '<b>Name:</b> ' + name }
					Text { text: '<b>Number:</b> ' + number }
				}
			}
		}
		ListModel {
			id: myModel
			ListElement {
				name: "Bill Smith"
				number: "555 3264"
			}
			ListElement {
				name: "John Brown"
				number: "555 8426"
			}
			ListElement {
				name: "Sam Wise"
				number: "555 0473"
			}
			ListElement {
				name: "Sam Wise"
				number: "555 0473"
			}
			ListElement {
				name: "Sam Wise"
				number: "555 0473"
			}
			ListElement {
				name: "Sam Wise"
				number: "555 0473"
			}
			ListElement {
				name: "Sam Wise"
				number: "555 0473"
			}
			ListElement {
				name: "Sam Wise"
				number: "555 0473"
			}
			ListElement {
				name: "Sam Wise1"
				number: "555 0473"
			}
		}
		ListView {
			id: list
			anchors.top: myRect.bottom
			anchors.bottom: parent.bottom
			anchors.right: parent.right;
			anchors.left: parent.left;

			preferredHighlightBegin: 25; preferredHighlightEnd: 25
			highlightRangeMode: ListView.StrictlyEnforceRange

			model: myModel
			delegate: contactDelegate
			highlight: Rectangle { color: "lightsteelblue"; radius: 5 }
			focus: true
		}
//	}
}