Listview onclick event

ReshmaS

I have a listview with 5 items, onclicking them results in a rectangle with their properties. The starting point of the rectange is just beside the list. For instance if i clickon 5th element the rectangle is half sunk, as my width and height is limited. I want tat rectangle to start at a higher position: i tried to give x,y values but this does not work. I hope you have got my quesiton. If details are required, I will be more than happy to give them

Thanks in advance

dmcr

The better way is to encapsulate the rectangle in the element, then set it visible only when necessary, in association with some state, for example.

ReshmaS

hmm okay.. I will try.. Also, I want a screen behind the rectange which disables the listelement, so that the user is unable to click on the elements. any idea how to go about.?

dmcr

Many way to do the job.
A Mousearea with a onReleased : {} or, wich is the proper way, using index & currentIndex to set the state of each element.

ReshmaS

I tried to encapsulate the rectangle but the problem is, its within Component.I cannot alter the x and y inside the component.

ReshmaS

@// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1

Rectangle {
id:main
width: 360
height: 360

Component
{
id:contactdelegate

Item {
            x: 5
            height: 40
            Row {
                id: row1
                spacing: 10
                Rectangle {
                    width: 40
                    height: 40
                    color: colorCode
                }

                Text {
                    text: name
                    anchors.verticalCenter: parent.verticalCenter
                    font.bold: true
                }
            }


Text{
    id:t1

    text :"HELLO"



}

}
}

ListModel {
    id:listmodel
            ListElement {
                name: "Grey"
                colorCode: "grey"
            }

            ListElement {
                name: "Red"
                colorCode: "red"
            }

            ListElement {
                name: "Blue"
                colorCode: "blue"
            }

            ListElement {
                name: "Green"
                colorCode: "green"
            }
        }



ListView {
    id: list_view1
    x: 27
    y: 62
    clip:true
    width: 110
    height: 160
    delegate: contactdelegate
    model: listmodel
}

}
@

Is it possible for me to have the text "Hello" at the beginning of the main reactange at x,y:0 position??
Thanks in advance!

Julie1986

I know this would be possible if u go outside the component and place it. But u want the text to be within the component.