[QgsQuick] Styling of tab buttons in feature form

Added properties for color background setting
qgis · Apr 17, 2019 · 6f20b5c · 6f20b5c
1 parent 1055a8a
commit 6f20b5c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
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
   }