http://doc.sibvisions.com/ 2026-04-20T09:09:11+00:00 http://doc.sibvisions.com/ http://doc.sibvisions.com/lib/tpl/material/images/favicon.ico text/html 2026-04-15T10:14:42+00:00 admin http://doc.sibvisions.com/flutterui/image_avatar?rev=1776248082&do=diff An image will be shown as it is, as rectangle. Sometimes it looks better as avatar: To show the image as avatar, simply do editor.addStyleNames("f_as_avatar") Per default, the radius will be set to the minimum of width and height. If you want to use the full size of the editor area, just add text/html 2026-04-15T10:14:21+00:00 admin http://doc.sibvisions.com/flutterui/theme_no_customizing?rev=1776248061&do=diff If you want a custom look for your app, your best bet is to use our app as a base and build your own app from it. You can easily adjust the theme and set your own icons without having to implement any logic. You just handle the styling, and everything else remains just as dynamic. text/html 2026-04-15T08:35:56+00:00 admin http://doc.sibvisions.com/flutterui/home?rev=1776242156&do=diff This is the place for the documentation of our Flutter UI. If you're interested in API details or developer documentation, please read here. text/html 2026-04-15T08:29:48+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Aimage_rect.png&ns=flutterui&rev=1776241788&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/image_rect.png?w=271&h=499&t=1776241788&amp;tok=ec3fad" alt="flutterui:image_rect.png" /> text/html 2026-04-15T08:29:48+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Aimage_avatar.png&ns=flutterui&rev=1776241788&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/image_avatar.png?w=271&h=499&t=1776241788&amp;tok=376e8b" alt="flutterui:image_avatar.png" /> text/html 2026-04-15T08:26:51+00:00 admin http://doc.sibvisions.com/flutterui/editor_border_styling?rev=1776241611&do=diff An editor has a default border and focus border. It looks like following: But sometimes you want a specific color for the border: It's simple to set your custom border color, e.g. editor.setStyle(new Style("f_border_color_#aa0000")); The format is: f_border[_focused]_color{_#ColorInHex}[_#ColorForDarkMode] text/html 2026-03-23T15:57:05+00:00 admin http://doc.sibvisions.com/flutterui/editor_features?rev=1774281425&do=diff Our editors have some hidden features which can be enabled. We don't enable all features automatically because it depends on UX which features make sense. We have a copy-to-clipboard feature: The DoB field is a date field and on the right, you have 3 icons: text/html 2026-03-23T15:52:20+00:00 admin http://doc.sibvisions.com/flutterui/button_group?rev=1774281140&do=diff We support a simple-to use button group: Just add following code in your screen: ButtonGroup butgrp = new ButtonGroup(); butgrp.setHorizontalAlignment(IAlignmentConstants.ALIGN_CENTER); butgrp.setMode(ButtonGroupMode.MultiSelection); butgrp.setLabels("Left", "Middle", "Right", null, null, "Five"); butgrp.setImages( UIImage.getImage(UIImage.OK_SMALL), null, null, UIImage.getImage(UIImage.TRASH_SMALL), UIFontAwesome.getImage(IFontAwesome.ADN_SMALL)); butgrp.eventAction().addListener… text/html 2026-03-23T15:50:57+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Abuttongroup.jpg&ns=flutterui&rev=1774281057&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/buttongroup.jpg?w=231&h=500&t=1774281057&amp;tok=dfb011" alt="flutterui:buttongroup.jpg" /> text/html 2026-03-23T15:34:36+00:00 admin http://doc.sibvisions.com/flutterui/background_customizing?rev=1774280076&do=diff It's easy to globally change the background of application overview, menu or screens. Simply provide a backgroundBuilder in your main: void main() async { await FlutterUI.start( FlutterUI( ..., backgroundBuilder: (context, type) { if (type == BackgroundType.WorkScreen) { if (IConfigService().offline.value) { //return null; } } return Container( decoration: BoxDecoration( color: Colors.w… text/html 2026-03-23T15:31:22+00:00 admin http://doc.sibvisions.com/flutterui/theme_customizing?rev=1774279882&do=diff We support full customization of application theme. Simply set themeBuilder in your main: void main() async { await FlutterUI.start( FlutterUI( ..., themeBuilder: (themeData, seedColor, brightness, useFixedPrimary) { ThemeData theme = themeData.copyWith( appBarTheme: AppBarTheme(backgroundColor: themeData.colorScheme.surface), elevatedButtonTheme: ElevatedButtonThemeData( style: ElevatedButton.styleFrom( shape: const Round… text/html 2026-03-23T15:14:32+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Alocked_value.png&ns=flutterui&rev=1774278872&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/locked_value.png?w=231&h=500&t=1774278872&amp;tok=b33e1d" alt="flutterui:locked_value.png" /> text/html 2026-03-23T15:14:32+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Adelete_token.png&ns=flutterui&rev=1774278872&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/delete_token.png?w=231&h=500&t=1774278872&amp;tok=e841f5" alt="flutterui:delete_token.png" /> text/html 2026-03-23T15:14:32+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Aenter_token.png&ns=flutterui&rev=1774278872&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/enter_token.png?w=231&h=500&t=1774278872&amp;tok=114d4c" alt="flutterui:enter_token.png" /> text/html 2026-03-23T14:56:00+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Atitle_color.png&ns=flutterui&rev=1774277760&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/title_color.png?w=231&h=500&t=1774277760&amp;tok=09d400" alt="flutterui:title_color.png" /> text/html 2026-03-23T14:52:27+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Abutton_secured.png&ns=flutterui&rev=1774277547&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/button_secured.png?w=185&h=400&t=1774277547&amp;tok=46c66a" alt="flutterui:button_secured.png" /> text/html 2026-03-23T14:39:39+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Aapp_secure.png&ns=flutterui&rev=1774276779&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/app_secure.png?w=231&h=500&t=1774276779&amp;tok=c9efd2" alt="flutterui:app_secure.png" /> text/html 2026-03-23T14:37:53+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Ascreen_secured.png&ns=flutterui&rev=1774276673&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/screen_secured.png?w=231&h=500&t=1774276673&amp;tok=b8638f" alt="flutterui:screen_secured.png" /> text/html 2026-03-23T14:17:54+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Asimple_menu.png&ns=flutterui&rev=1774275474&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/simple_menu.png?w=279&h=500&t=1774275474&amp;tok=57d223" alt="flutterui:simple_menu.png" /> text/html 2026-03-23T14:09:08+00:00 admin http://doc.sibvisions.com/?image=flutterui%3Asafe_area_screen.png&ns=flutterui&rev=1774274948&tab_details=history&mediado=diff&do=media <img src="http://doc.sibvisions.com/_media/flutterui/safe_area_screen.png?w=279&h=500&t=1774274948&amp;tok=5c342b" alt="flutterui:safe_area_screen.png" />