Property slider sync with all data list examples

Update scoped filters layout

Author: Insality

example/components/panel_information/panel_information.gui

@@ -178,12 +178,12 @@ nodes {
 }
 nodes {
   scale {
-    x: 0.75
-    y: 0.75
+    x: 0.7
+    y: 0.7
   }
   size {
-    x: 535.0
-    y: 270.0
+    x: 570.0
+    y: 300.0
   }
   color {
     x: 0.463

example/examples/data_list/add_remove_clear/data_list_add_remove_clear.lua

@@ -94,10 +94,14 @@ function M:properties_control(properties_panel)
 		gui.set_clipping_mode(view_node, value and gui.CLIPPING_MODE_STENCIL or gui.CLIPPING_MODE_NONE)
 	end)
 
-	properties_panel:add_slider("ui_scroll", 0, function(value)
+	local scroll_slider = properties_panel:add_slider("ui_scroll", 0, function(value)
 		self.scroll:scroll_to_percent(vmath.vector3(0, 1 - value, 0), true)
 	end)
 
+	self.data_list.on_scroll_progress_change:subscribe(function(_, progress)
+		scroll_slider:set_value(1 - progress)
+	end)
+
 	properties_panel:add_button("ui_add_element", function()
 		self:add_item()
 	end)

example/examples/data_list/basic/data_list_horizontal_basic.lua

@@ -47,6 +47,14 @@ function M:properties_control(properties_panel)
 	properties_panel:add_checkbox("ui_clipping", is_stencil, function(value)
 		gui.set_clipping_mode(view_node, value and gui.CLIPPING_MODE_STENCIL or gui.CLIPPING_MODE_NONE)
 	end)
+
+	local scroll_slider = properties_panel:add_slider("ui_scroll", 0, function(value)
+		self.scroll:scroll_to_percent(vmath.vector3(value, 0, 0), true)
+	end)
+
+	self.data_list.on_scroll_progress_change:subscribe(function(_, progress)
+		scroll_slider:set_value(progress)
+	end)
 end
 
 

example/examples/data_list/basic/data_list_matrix_basic.lua

@@ -65,9 +65,13 @@ function M:properties_control(properties_panel)
 		gui.set_clipping_mode(view_node, value and gui.CLIPPING_MODE_STENCIL or gui.CLIPPING_MODE_NONE)
 	end)
 
-	properties_panel:add_slider("ui_scroll", 0, function(value)
+	local scroll_slider = properties_panel:add_slider("ui_scroll", 0, function(value)
 		self.scroll:scroll_to_percent(vmath.vector3(0, 1 - value, 0), true)
 	end)
+
+	self.data_list.on_scroll_progress_change:subscribe(function(_, progress)
+		scroll_slider:set_value(1 - progress)
+	end)
 end
 
 

example/examples/data_list/cache_with_component/cache_with_component.lua

@@ -83,9 +83,13 @@ function M:properties_control(properties_panel)
 		gui.set_clipping_mode(view_node, value and gui.CLIPPING_MODE_STENCIL or gui.CLIPPING_MODE_NONE)
 	end)
 
-	properties_panel:add_slider("ui_scroll", 0, function(value)
+	local scroll_slider = properties_panel:add_slider("ui_scroll", 0, function(value)
 		self.scroll:scroll_to_percent(vmath.vector3(0, 1 - value, 0), true)
 	end)
+
+	self.data_list.on_scroll_progress_change:subscribe(function(_, progress)
+		scroll_slider:set_value(1 - progress)
+	end)
 end
 
 

example/examples/gamepad/scoped_filters/scoped_filters.gui

@@ -31,9 +31,14 @@ nodes {
   template: "/example/templates/button_text_green.gui"
 }
 nodes {
+  size {
+    x: 400.0
+    y: 90.0
+  }
   type: TYPE_BOX
   id: "btn_lock_all/root"
   parent: "btn_lock_all"
+  overridden_fields: 4
   template_node_child: true
 }
 nodes {
@@ -228,15 +233,18 @@ nodes {
     z: 0.761
   }
   type: TYPE_TEXT
-  text: "Two filter levels at once.\nThe top button filters the whole example: only the left panel stays alive.\nEach panel filters itself: only Button A stays alive inside it.\nThe filters stack, and none of them leaks outside of its owner."
+  text: "Two filter levels at once.\n"
+  "The top button filters the whole example: only the left panel stays alive.\n"
+  "Each panel filters itself: only Button A stays alive inside it.\n"
+  "The filters stack, and none of them leaks outside of its owner."
   font: "text_bold"
   id: "hint"
   pivot: PIVOT_N
+  line_break: true
   parent: "root"
   inherit_alpha: true
   outline_alpha: 0.0
   shadow_alpha: 0.0
-  line_break: true
 }
 material: "/builtins/materials/gui.material"
 adjust_reference: ADJUST_REFERENCE_PARENT