Differences

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

--- flutterui:linkedcelleditor_styles [2026/08/20 17:12]
admin created
+++ flutterui:linkedcelleditor_styles [2026/08/21 12:05] (current)
admin
@@ Line 1: / Line 1: @@
 ~~NOTRANS~~
-~~Title: Combobox styles~~
+~~Title: Combobox styling (Linked cell editor)~~
 A Combobox or Linked Cell Editor usually opens a popup which shows possible values. You can choose one value.
+Our standard implementation looks like:
+{{:flutterui:linkedcelleditor.png?nolink&width=400|}}
+But we also have different styles: ''f_as_bottomsheet''
+{{:flutterui:linkedcelleditor_bottom.png?nolink&width_400|}}
+or as popup: ''f_as_popup''
+{{:flutterui:linkedcelleditor_popup.png?nolink&width=400|}}
+The popup has different options:
+''f_popup_jump''
+''f_popup_fade_in_bounce'' (default)
+''f_popup_fade_in_down''
+''f_popup_fade_in_roll_down''
+Short videos:
+<html>
+<table style="table-layout: fixed;">
+<tr>
+</td>
+<td style="width: 208px;">
+<video width="208" height="408" controls>
+  <source src="https://blog.sibvisions.com/wp-content/uploads/2025/11/linked_bottom2.mp4" type="video/mp4">
+Not supported
+</video>
+<center>
+<br/>
+The bottom sheet variant.
+</center>
+</td>
+<td style="width: 15px;"></td>
+<td style="max-width: 208;">
+<video width="208" height="408" controls>
+  <source src="https://blog.sibvisions.com/wp-content/uploads/2025/11/linked_popup_default2.mp4" type="video/mp4">
+Not supported
+</video>
+<center>
+<br/>
+As popup with fade_in_bounce.
+</center>
+</td>
+<td style="width: 15px;"></td>
+<td>
+<video width="208" height="408" controls>
+  <source src="https://blog.sibvisions.com/wp-content/uploads/2025/11/linked_popup_jump2.mp4" type="video/mp4">
+Not supported
+</video>
+<center>
+<br/>
+As popup with jump.
+</center>
+</td>
+<td style="width: 15px;"></td>
+<td>
+<video width="208" height="408" controls>
+  <source src="https://blog.sibvisions.com/wp-content/uploads/2025/11/linked_popup_down2.mp4" type="video/mp4">
+Not supported
+</video>
+<center>
+<br/>
+As popup with fade_in_down.
+</center>
+</td>
+<td style="width: 15px;"></td>
+<td>
+<video width="208" height="408" controls>
+  <source src="https://blog.sibvisions.com/wp-content/uploads/2025/11/linked_popup_roll2.mp4" type="video/mp4">
+Not supported
+</video>
+<center>
+<br/>
+As popup with fade_in_roll_down.
+</center>
+</td>
+</table>
+</html>