~~NOTRANS~~
~~Title: Menu styles~~

We offer different default menu styles:

<file xml>
<menu>
  <!-- list, grid, drawer, tabs -->
  <mode>grid</mode>
  <!-- shows the group name -->
  <grouped>true</grouped>
  <!-- show group only if more than 1 group exists -->
  <group_only_on_multiple>false</group_only_on_multiple>
</menu>
</file>

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]].