Material 3 Theme v1.2.0

Announcements
1

Hi all,

Version 1.2.0 of the Material 3 theme is out. This is what’s included in this version:

Breaking changes

  • The navigation slot in the NavigationDrawerLayout and the NavigationRailLayout now have the same name. This means that if you change the layout of your Form, the components in the navigation slot will stay there. For existing apps, components that were in a navigation slot will need to be dragged from the orphaned components panel back into the correct slot.

Updates

  • The SidesheetContent component is now pre-populated with a Heading and IconButton.
  • The RadioGroupPanel component is now pre-populated with three RadioButtons.
  • When using the NavigationDrawerLayout that has collapsed to mobile view, you can now double click on the hamburger menu button in the designer to open the navigation drawer.
  • Some components had background properties that are now renamed to background_color.
  • In the designer, the NavigationDrawerLayout won’t collapse to modal view until the screen is smaller.
  • When Text and Heading components have no text, their component names actually look like placeholders.
  • The label of a TextArea can now be edited from the Object Palette or by double clicking the component.

Fixes

  • FileLoader now has a files property that works as expected.
  • DataGrids now work as expected - they’re automatically populated with a RepeatingPanel.
  • Fixed an issue where DropdownMenu items were being duplicated when the show event was fired.
  • Fixed an issue where you couldn’t make changes to DropdownMenu items once the component was rendered.
  • Material Icons no longer flash as text before being rendered as icons.
  • Fixed an issue where Data Binding writeback wasn’t working for TextBoxes and TextAreas.
  • Setting the align property of ButtonMenus to full now works.
  • The align property of Links now works.
  • Fixed an issue where the ButtonMenu menu rendered behind popup menus.
  • The display_text_color property of TextBoxes and TextAreas now works.
  • Links in built-in Anvil modals are now properly styled.

To upgrade to this new version, go to your app’s Settings > Dependencies, and change the Material 3 Theme dependency version to v1.2.0. Any newly created Material 3 Theme apps will use this version.

10 Likes
2

This. is. AWESOME!!!

Thank you team.

2 Likes
3

old version 11.3 working fine , after applay v1.20 : Exception: Could not add components to slot ‘nav_rail’: and i have lost all : navigation links , Solution ( add bottom navigation links a gain to update to work )

4

Are there any plans to migrate the Datepicker component to m3 design? It would be great for consistency with the new Text components.

1 Like
5

Hi @azm08,

If you create a new blank M3 app, the Datepicker component should be styled to match. Right now, it’s just a restyling of the old Anvil component until we build the component from scratch in M3.

2 Likes
6

hi @brooke ,
I wanted to be able in the outlined appearance to have the same as the textbox/area with the label in the border. Great to hear that you are building the new component in M3. Will be easy to shift to it when its out there.

1 Like