Grid layout spacing issue (Solved)

[A Former User]

Hi,

I have cerated two grid layout inside a Rowlayout. It is working fine as i can see that each gridlayout with buttons.

But i have a problem that one gridlayout conists of 5 buttons and another one with 4 buttons. When i see the output the alignment looks in different size for each grids. If i provide same buttons for two grids then it will show the same alignment. But is there any way i can manage this without adding another button to make both equal.

Ansif

[onek24]

Hello,

you can set the Layout.minimumWidth: on the thiner or both Layouts. Just set them both to half of the window and they will use a minimum of half of the window:
@Rectangle {
width: 300; height: 300
RowLayout {
GridLayout {
Layout.minimumWidth: 150
}
GridLayout {
Layout.minimumWidth: 150
}
}
}@

For further information please read:
"Layout":https://qt-project.org/doc/qt-5.1/qtquicklayouts/qml-qtquick-layouts1-layout.html

[Tân Ngọc Đỗ]

Hello, You can also span one button for more than one row using Layout.rowSpan

[onek24]

Or use an invisible Rectangle to fill a row. :)

[A Former User]

[quote author="onek24" date="1395397082"]Or use an invisible Rectangle to fill a row. :)[/quote]

Hi,

Thanks gain and sorry for the late reply.
I have tried rowspan and its working fine. Anyway the last options is nice, as we can set opacity of a button to -1 and it will create an empty space there.
Any way my problem is solved, thanks again.

Cheers
Ansif

[onek24]

Hey,

i'm glad that it is solved. You can also set the color of the rectangle to "transparent", that will work too. Anyways, please add [solved] to the topic, thank you.

Alex