Trace: • REST API Filter • HowTos • VisionX Logging • Sort Combobox • First JVx Application (Step by Step) • Enterprise Resource Planning (ERP) • Video converter • Using darkmode • Custom application parameters • Menu styles
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
flutterui:menu_styles [2023/01/11 14:19] admin created |
flutterui:menu_styles [2026/08/24 08:54] (current) admin |
||
|---|---|---|---|
| Line 16: | Line 16: | ||
| If you use ''drawer'' the main area of your application won't show the menu, instead it's only available as overlay/hamburger menu. | If you use ''drawer'' the main area of your application won't show the menu, instead it's only available as overlay/hamburger menu. | ||
| + | |||
| + | The default color of the menu title is inherited from the theme. If you want a custom color, just set the title color in **mobile_styles.xml**: | ||
| + | |||
| + | <file mobile_styles.xml> | ||
| + | <menu> | ||
| + | <!-- title color --> | ||
| + | <titleColor>#FAFAFA</titleColor> | ||
| + | </menu> | ||
| + | </file> | ||
| + | |||
| + | to get: | ||
| + | |||
| + | {{:flutterui:title_color.png?nolink&280|}} | ||
| + | |||
| + | If you preferr rounded corners and more padding like this menu: | ||
| + | |||
| + | {{:flutterui:mainmenu_new.png?nolink&310|}} | ||
| + | |||
| + | just define your own [[https://doc.sibvisions.com/flutterui/theme_no_customizing|theme]]. | ||
| + | |||
| + | The ''drawer'' menu will look like: | ||
| + | |||
| + | {{:flutterui:drawer_full.png?nolink&300|}} | ||
| + | |||
| + | but it's also possible to show the header and/or footer with less space: | ||
| + | |||
| + | {{:flutterui:header_compact.png?nolink&300|}} | ||
| + | {{:flutterui:footer_compact.png?nolink&300|}} | ||
| + | {{:flutterui:header_footer_compact.png?nolink&300|}} | ||
| + | |||
| + | Simply set ''compactHeader'' and/or ''compactFooter'' in your [[https://doc.sibvisions.com/flutterui/theme_no_customizing|theme]]. | ||
