add range slider example tests and images

Author: OwenMcDonnell

sdk/python/examples/controls/range_slider/__init__.py

@@ -21,11 +21,12 @@ def main(page: ft.Page):
                     inactive_color=ft.Colors.GREEN_300,
                     active_color=ft.Colors.GREEN_700,
                     overlay_color=ft.Colors.GREEN_100,
-                    label="{value}%",
+                    label="{value}",
                 ),
             ],
         )
     )
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/range_slider/basic.py

@@ -26,19 +26,21 @@ def handle_slider_change_end(e: ft.Event[ft.RangeSlider]):
                 ),
                 ft.Container(height=30),
                 ft.RangeSlider(
-                    divisions=50,
+                    divisions=100,
                     min=0,
-                    max=50,
+                    max=100,
                     start_value=10,
                     end_value=20,
                     on_change_start=handle_slider_change_start,
                     on_change=handle_slider_change,
                     on_change_end=handle_slider_change_end,
+                    label="{value}%",
                 ),
                 message := ft.Text(),
             ],
         )
     )
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/range_slider/handling_change_events.py

@@ -1,10 +1,10 @@
 ---
 class_name: flet.RangeSlider
 examples: ../../examples/controls/range_slider
-example_images: ../examples/controls/range_slider/media
+example_images: ../test-images/examples/material/golden/macos/range_slider
 ---
 
-{{ class_summary(class_name) }}
+{{ class_summary(class_name, example_images + "/image_for_docs.png", image_caption="Range Slider") }}
 
 ## Examples
 
@@ -25,4 +25,6 @@ example_images: ../examples/controls/range_slider/media
 --8<-- "{{ examples }}/handling_change_events.py"
 ```
 
+{{ image(example_images + "/handling_events.gif", alt="handling_events", width="80%") }}
+
 {{ class_members(class_name) }}

sdk/python/packages/flet/docs/controls/rangeslider.md

@@ -1,7 +1,7 @@
 ---
 class_name: flet.ResponsiveRow
 examples: ../../examples/controls/responsive_row
-example_images: ../test-images/examples/core/golden/macos/responsive_row/
+example_images: ../test-images/examples/core/golden/macos/responsive_row
 ---
 
 {{ class_summary(class_name, example_images + "/image_for_docs.png", image_caption="Responsive row") }}