Banging my head against qml...

scripts/developer/utilities/lib/configprop/ConfigSlider.qml

@@ -9,16 +9,19 @@
 //
 
 import QtQuick 2.7
-import QtQuick.Controls 1.4
+import QtQuick.Controls 1.4 as Original
-import QtQuick.Layouts 1.3
+import QtQuick.Controls.Styles 1.4
 
 import "../hifi-qml/styles-uit"
 import "../hifi-qml/controls-uit" as HifiControls
 
 
 Item {
+    HifiConstants { id: luci }
     id: root
-    width: 400
+
+    anchors.left: parent.left
+    anchors.right: parent.right    
     height: 24
     property bool integral: false
     property var config
@@ -36,19 +39,19 @@ Item {
     HifiControls.Label {
         id: labelControl
         text: root.label
+        enabled: true
         anchors.left: root.left
-        anchors.leftMargin: 8
+        anchors.right: root.horizontalCenter
-        anchors.top: root.top
+        anchors.verticalCenter: root.verticalCenter
-        anchors.topMargin: 7
+        //anchors.topMargin: 7
     }
 
     HifiControls.Label {
         id: labelValue
         text: sliderControl.value.toFixed(root.integral ? 0 : 2)
         anchors.right: root.right
-        anchors.rightMargin: 8
+        anchors.bottom: root.bottom
-        anchors.top: root.top
+        anchors.bottomMargin: 0
-        anchors.topMargin: 15
     }
 
     Binding {
@@ -62,11 +65,11 @@ Item {
     HifiControls.Slider {
         id: sliderControl
         stepSize: root.integral ? 1.0 : 0.0
-        width: root.width-130
+        //height: 20
-        height: 20
+        anchors.left: root.horizontalCenter
         anchors.right: root.right
-        anchors.rightMargin: 8
+        anchors.rightMargin: 0
         anchors.top: root.top
-        anchors.topMargin: 3
+        anchors.topMargin: 0
     }
 }

scripts/developer/utilities/render/deferredLighting.qml

@@ -16,19 +16,43 @@ import "../lib/hifi-qml/controls-uit" as HifiControls
 import "../lib/configprop"
 
 Rectangle {
-    id: render;
     HifiConstants { id: hifi;}
+    id: render;   
+    anchors.margins: hifi.dimensions.contentMargin.x
+    
     color: hifi.colors.baseGray;
        property var mainViewTask: Render.getConfig("RenderMainView")
-
+   
+    Row {
+        anchors.left: parent.left
+        anchors.right: parent.right 
+        anchors.margins: 10      
     Column {
-        spacing: 10
+        padding: 10
-         
+        spacing: 5
+
+       // width: parent.width
+        anchors.left: parent.left
+        anchors.right: parent.right       
+       // padding: hifi.dimensions.contentMargin.x
+
+         ConfigSlider {                    
+            label: qsTr("ToneMapping")
+            integral: false
+            config: render.mainViewTask.getConfig("ToneMapping")
+            property: "exposure"
+            max: 2
+            min: 0
+
+            anchors.left: parent.left
+            anchors.right: parent.right
+        }
+      
         Row {
             
             spacing: 20
             padding: 10
-            Column {
+            Column { 
                 spacing: 10
                 Repeater {
                     model: [
@@ -249,4 +273,5 @@ Rectangle {
             }
         }
     }
+    }
 }