<![CDATA[Qt Quick Controls 2: Same background, multiple buttons]]>Hi all,

I got a few buttons and all got the same background. Now in every button there is this code:

background: Rectangle{
    implicitHeight: x;
    implicitWidth: y;
    color: button.pressed ? "lightgray" : "white";
 }

Is it possible, like in Qt Quick Controls, to define a single background rectangle and apply it to all buttons?

]]>https://forum.qt.io/topic/81666/qt-quick-controls-2-same-background-multiple-buttonsRSS for NodeWed, 13 May 2026 08:02:02 GMTTue, 25 Jul 2017 07:50:46 GMT60<![CDATA[Reply to Qt Quick Controls 2: Same background, multiple buttons on Tue, 25 Jul 2017 12:13:52 GMT]]>Thanks to both of you!

]]>https://forum.qt.io/post/406614https://forum.qt.io/post/406614Tue, 25 Jul 2017 12:13:52 GMT<![CDATA[Reply to Qt Quick Controls 2: Same background, multiple buttons on Tue, 25 Jul 2017 11:39:40 GMT]]>@guy-incognito Either what LeLev said, or you can make a custom Button component and reuse that. If there are many customized but identical parts in your buttons it makes sense to customize the whole Button, otherwise it's reasonable to customize only the background.

This is actually a very common thing in Controls 2, everything is customized that way. Each type's documentation has also "Customizing X" link.

]]>https://forum.qt.io/post/406603https://forum.qt.io/post/406603Tue, 25 Jul 2017 11:39:40 GMT<![CDATA[Reply to Qt Quick Controls 2: Same background, multiple buttons on Tue, 25 Jul 2017 09:26:07 GMT]]>Hi,
You just have to create a new reusable file, exemple BackGround.qml (uppercase 'B ' is important to be able to reuse this component)

like this :

//Back.qml
import QtQuick 2.0

Rectangle {
color :backMouse.pressed? "red" : "green"
anchors.fill: parent
MouseArea{
id:backMouse
anchors.fill: parent

}

}

using :

Button{
text: "btn 3"
background: Back{} // Back is our reusable component
}

i hope it helps you,

LA

]]>https://forum.qt.io/post/406559https://forum.qt.io/post/406559Tue, 25 Jul 2017 09:26:07 GMT