Grid layout spacing issue (Solved)



  • 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



  • 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



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



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



  • [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



  • 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


Log in to reply
 

Looks like your connection to Qt Forum was lost, please wait while we try to reconnect.