Grid layout spacing issue (Solved)

? Offline

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. :)

? Offline

[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