Differences

This shows you the differences between two versions of the page.

--- flutterui:checkbox_switch [2022/11/30 13:15]
admin
+++ flutterui:checkbox_switch [2022/12/01 10:57] (current)
admin
@@ Line 2: / Line 2: @@
 ~~Title: Checkbox as switch~~
-On mobile devices, a checkbox should sometimes look like a switch (e.g. for settings). If you want to show a switch instead a checkbox, simply add the following style:
+On mobile devices, a checkbox should sometimes look like a switch (e.g. for settings). If you want to show a switch instead a checkbox, simply use the following style:
 <file java>
+//UICheckBox
 Style.addStyleNames(checkbox, "f_switch");
+//UIEditor
+Style.addStyleNames(editor, "f_switch");
+//cell editors
+cellEditor.setStyle(new Style("f_switch"));
 </file>
+It's possible to set an unbound checkbox as switch, a bound editor or a cell editor (for table and editor).
+The result looks like:
+{{:flutterui:checkbox.png?nolink&400|}}
+{{:flutterui:switch.png?nolink&400|}}