Insert my own QML Button into a GridLayout - qt

Question

I´m new to Qt and want to have some Buttons (made in a seperate .qml file with Rectangle...) in a GridLayout. Unfortunately it seems like it doesn´t positions the Buttons to different cells. Everything is in the first row/column. Is there a variable for the ID necessary, like an array? Or QML dynamic objects?
Here the Button:
Item {
property string textOnButton: "Test"
property int w: 130
property int h: 100
Rectangle{
id: emptyRectangle
width: parent.w
height: parent.h
Text {
text: parent.parent.textOnButton + parent.index
anchors.horizontalCenter: parent.parent.horizontalCenter
topPadding: 6
font.pixelSize: 30
}
}
}
And here the GridLayout where the Item should be placed in a few times:
GridLayout{
id:grid1
rows: 3
Layout.margins: 20
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
columnSpacing: 10
rowSpacing: 10
EmptyButton{
id: eins
textOnButton: "HELP"
}
EmptyButton{
id: zwei
textOnButton: "HELP"
}
}
Later I want to use different colors/text on the button and switching different lights for instance.
Thanks for any help!!

Answer 1

You need to set the width and height of the GridLayout and all of the other items
GridLayout{
width: 500
height: 500
id:grid1
rows: 3
Layout.margins: 20
anchors.horizontalCenter: parent.horizontalCenter
anchors.verticalCenter: parent.verticalCenter
columnSpacing: 10
rowSpacing: 10
EmptyButton{
id: eins
textOnButton: "HELP"
}
EmptyButton{
id: zwei
textOnButton: "HELP"
}
}