[QgsQuick] Styling of tab buttons in feature form

vsklencar · wonder-sk · commit 6f20b5c3cd65 · 2019-04-17T13:55:23.000+02:00
Added properties for color background setting
diff --git a/src/quickgui/plugin/qgsquickfeatureform.qml b/src/quickgui/plugin/qgsquickfeatureform.qml
@@ -215,6 +215,11 @@ Item {
               horizontalAlignment: Text.AlignHCenter
               verticalAlignment: Text.AlignVCenter
             }
+
+            background: Rectangle {
+              color: !tabButton.enabled ? form.style.tabs.disabledBackgroundColor : tabButton.down ||
+                                                 tabButton.checked ? form.style.tabs.activeBackgroundColor : form.style.tabs.normalBackgroundColor
+            }
           }
         }
       }
diff --git a/src/quickgui/plugin/qgsquickfeatureformstyling.qml b/src/quickgui/plugin/qgsquickfeatureformstyling.qml
@@ -37,7 +37,10 @@ QtObject {
   property QtObject tabs: QtObject {
     property color normalColor: "#4CAF50"
     property color activeColor: "#1B5E20"
-    property color disabledColor: "#999999"
+    property color disabledColor: "#FFFFFF"
+    property color normalBackgroundColor: "#FFFFFF"
+    property color activeBackgroundColor: "#4CAF50"
+    property color disabledBackgroundColor: "#999999"
     property real height: 48 * QgsQuick.Utils.dp
   }
 

Original file line number	Diff line number	Diff line change
`@@ -215,6 +215,11 @@ Item {`
`215`	`215`	`horizontalAlignment: Text.AlignHCenter`
`216`	`216`	`verticalAlignment: Text.AlignVCenter`
`217`	`217`	`}`
	`218`	`+`
	`219`	`+ background: Rectangle {`
	`220`	`+ color: !tabButton.enabled ? form.style.tabs.disabledBackgroundColor : tabButton.down \|\|`
	`221`	`+ tabButton.checked ? form.style.tabs.activeBackgroundColor : form.style.tabs.normalBackgroundColor`
	`222`	`+ }`
`218`	`223`	`}`
`219`	`224`	`}`
`220`	`225`	`}`