Details
-
Suggestion
-
Resolution: Unresolved
-
Not Evaluated
-
None
-
QDS 4.7.1
-
None
Description
Qt Quick Controls are designed to be highly customizable, as documented here:
https://doc.qt.io/qt-6/qtquickcontrols-customize.html
Customization typically involves overriding key properties such as background and contentItem, for example:
import QtQuick import QtQuick.Controls.Basic Button { id: control text: qsTr("Button") contentItem: Text { text: control.text font: control.font opacity: enabled ? 1.0 : 0.3 color: control.down ? "#17a81a" : "#21be2b" horizontalAlignment: Text.AlignHCenter verticalAlignment: Text.AlignVCenter elide: Text.ElideRight } background: Rectangle { implicitWidth: 100 implicitHeight: 40 opacity: enabled ? 1 : 0.3 border.color: control.down ? "#17a81a" : "#21be2b" border.width: 1 radius: 2 } }
Currently, Qt Design Studio does not provide a no-code interface for editing these properties in the Properties view. As a result, users are forced to manually write QML code for even basic styling changes.
This creates a significant barrier for UI/UX designers and non-technical users, who are the audience that Qt Design Studio is meant to empower. In fact, this feature request has been raised by:
- A UI/UX design team at a customer site
- A member of an automotive OEM who wants to quickly prototype meter UIs without writing code
Proposal:
We propose that QDS introduce an intuitive, no-code way to edit properties to customize Qt Quick Controls, such as background and contentItem (e.g., via enhanced property panels or visual overrides). This will:
- Significantly lower the entry barrier for designers
- Accelerate prototyping workflows
- Increase adoption of QDS for both designers and embedded-focused developers
Impact:
Improving this experience directly aligns with Qt Design Studio's core value proposition: enabling fast, visual, designer-friendly UI development. By eliminating the need for manual coding in common customization cases, we make QDS more inclusive, efficient, and appealing to our growing design-centric user base.