Loading...

XML

Word

Printable

Details

Type: Bug
Resolution: Done
Priority: P3: Somewhat important
Fix Version/s: 5.11.0 Beta 3
Affects Version/s: 5.10.1
Component/s: Quick: Controls 2
Labels:
None
Environment:
Qt 5.10.1

Commits:
80a8317fc43862db4c1dda069a9e4c221113c6e1

Description

In Material style, check indicator and radio indicator do not show a correct color for the disabled status, even if they are checked they show color of ascent.

I attach an example code with Checkboxes, RadioButtons, CheckDelegates and RadioDelegates

import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3

ApplicationWindow {
    visible: true
    width: 480
    height: 600
    title: qsTr("Tabs")

    header: ToolBar {
        Label {
            text: "Indicator without disable state"
            anchors.centerIn: parent
        }
    }

    Flickable {
        anchors.fill: parent
        anchors.margins: 20
        contentHeight: layout.implicitHeight
        ScrollIndicator.vertical: ScrollIndicator{}

        ColumnLayout {
            id: layout
            anchors.fill: parent

            CheckBox {
                Layout.fillWidth: true
                text: "Enable Checkbox"
            }
            CheckBox {
                Layout.fillWidth: true
                text: "Disable Checkbox"
                enabled: false
            }
            CheckBox {
                Layout.fillWidth: true
                text: "Disable checked Checkbox"
                enabled: false
                checked: true
            }
            RadioButton {
                Layout.fillWidth: true
                text: "Enable RadioButton"
            }
            RadioButton {
                Layout.fillWidth: true
                text: "Disable RadioButton"
                enabled: false
            }
            RadioButton {
                Layout.fillWidth: true
                text: "Disable checked RadioButton"
                enabled: false
                checked: true
            }
            CheckDelegate {
                Layout.fillWidth: true
                text: "Enable CheckDelegate"
            }
            CheckDelegate {
                Layout.fillWidth: true
                text: "Disable CheckDelegate"
                enabled: false
            }
            CheckDelegate {
                Layout.fillWidth: true
                text: "Disable checked CheckDelegate"
                enabled: false
                checked: true
            }
            RadioDelegate {
                Layout.fillWidth: true
                text: "Enable RadioDelegate"
            }
            RadioDelegate {
                Layout.fillWidth: true
                text: "Disable RadioDelegate"
                enabled: false
            }
            RadioDelegate {
                Layout.fillWidth: true
                text: "Disable checked RadioDelegate"
                enabled: false
                checked: true
            }
        }
    }
}