Button sizes in layout

[GrahamLa]

Hi
I have a row layout containing a set of buttons.
I would like these buttons to be of equal size but cant see a way of doing this.
Does anyone know how I can do this?

Code

Rectangle {
    color: "transparent"

    RowLayout {

        Label {
            id: label
            text: qsTr("Status")
            font.pointSize: 12
        }


        RoundButton {
            id: roundButton2
            text: "Engage"
            Layout.fillWidth: true
            font.pointSize: 12
            width: 80
        }

        RoundButton {
            id: roundButton
            text: "Disengage"
            Layout.fillWidth: true
            font.pointSize: 12
            width: 80
        }

        RoundButton {
            id: roundButton1
            text: "Reset"
            Layout.fillWidth: true
            font.pointSize: 12
            width: 80
        }
    }

    width: childrenRect.width
    height: childrenRect.height
}

[ODБOï]

hi,
@GrahamLa said in Button sizes in layout:

I would like these buttons to be of equal size but cant see a way of doing this

that should be the default behavior when you use Qt Quick Layouts

dont assign width and height directly to the buttons, use Layout.height, Layout.width like in the example.

edit: tought it was custom type made by you
What is RoundButton.qml content ?

[GrahamLa]

Hi
Thanks for your answer, that was how I was expecting it to work
But my buttons are still not the same size
Updated code

Rectangle {
    color: "transparent"

    RowLayout {
        id: rowLayout
        spacing: 10

        Label {
            id: label
            text: qsTr("Label")
            Layout.fillWidth: true
        }

        RoundButton {
            text: "Engage"
            Layout.fillHeight: true
            Layout.fillWidth: true
        }
        RoundButton {
            text: "Disengage"
            Layout.fillHeight: true
            Layout.fillWidth: true
        }
        RoundButton {
            text: "Reset"
            Layout.fillHeight: true
            Layout.fillWidth: true
        }

    }

}

Output

[ODБOï]

@GrahamLa hi,
can you show an image of what you need ?

see this properties also:
minimumWidth/minimumHeight/preferredWidth/preferredHeight/maximumWidth/maximumHeight

[J.Hilk]

@GrahamLa
I usually dont use Layout's in QML - I like to manage my anchors and sizes by hand, don't judge me ;-) - but seems like this properties

Layout.fillWidth: true
Layout.preferredWidth

are what you're looking for.

Set it the same for each button and make sure the choosen width is actually big enough to fit the largest (the one with the longest text) button.

[GrahamLa]

I solved this by using Rectangle instead of a layout
Thanks for the replies