Uploaded image for project: 'Qt Design Studio'
  1. Qt Design Studio
  2. QDS-15437

Customization of Qt Quick Controls should be done without coding

    XMLWordPrintable

Details

    • Suggestion
    • Resolution: Unresolved
    • Not Evaluated
    • None
    • QDS 4.7.1
    • User Experience
    • 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.

      Attachments

        No reviews matched the request. Check your Options in the drop-down menu of this sections header.

        Activity

          People

            brook_cronin_qt Brook Cronin
            mikio_hirai Mikio Hirai
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated:

              Gerrit Reviews

                There are no open Gerrit changes