Release date: 1 August 2025
Updates
- Apps that use the Material 3 Theme as a dependency now have
import m3.components as m3automatically added to Form code. - Commonly-used components are now at the top of the Toolbox
Fixes
- Components within a RichText component now align properly
- Plot components now auto-import
plotly.graph_objectsas expected - Fix styling of disabled AvatarMenus so they look more disabled
- Make placeholder text of Filled Buttons more readable
- Fixed an issue where if a Text component has an icon, the icon gets cut off when the text wraps
- The navigation drawer in the NavDrawerLayout now properly overlays content on mobile.
- If a TextInput has
display_underlineset toTruebut no text, there will be a small line visible. This was because the placeholder text for TextInputs was set to a space instead of an empty string. - The Avatar and AvatarMenu
roleproperties are not properly implemented. - Unchecked Checkboxes are now the correct color
- The DatePicker component is now in the Form Input Toolbox section
Release date: 6 June 2025
Fixes
- The DropdownMenu's
errorproperty now works as expected - Add show and hide events to CardContentContainer
- Add "full" as an option for the FileLoader's
alignproperty - You can now import all components using the components package, e.g.
from m3.components import Avatar - The
marginproperty of the AvatarMenu is applied to the correct element, which means that adding margin no longer messes with the placement of the menu - FileLoader's default spacing now targets the correct element. This means that the default margin and padding are properly displayed in the Properties Panel and can be overridden
- The Menu in Menu components (e.g. ButtonMenu) is now
display:nonewhen closed - The theme should now work as expected on apps displaying the Free Plan banner
.anvil-panel-rowdivs no longer center align their children. This stops the ColumnPanel from center aligning components.
Release date: 16 May 2025
Fixes
- The
roleproperty for TextInputs (TextBoxes and TextAreas) is now actually implemented. This means the DropdownMenuroleproperty works as expected. - Fixed an issue where the Avatar image could be blurry if the aspect ratio wasn't 1:1
- Reordered components in the Toolbox so Menus are not at the top
Release date: 11 April 2025
New Components
- Avatar: The Avatar component is for displaying a user's avatar. It has the following key properties:
image: This is the image that will be displayed on the avatarname: You can associate the user's name with the Avatar. If no image is provided, the Avatar will display the user's initials, generated from the namefallback_icon: By default, if no image or name is provided, the Avatar will display the person icon. You can change this icon by setting the fallback_icon property
- AvatarMenu: Like the ButtonMenu, the AvatarMenu component is an Avatar component that opens a popup menu when clicked. You can drag and drop components into this menu from the Anvil Editor, or add components via the
menu_itemsproperty. MenuItem components are designed to be added to this menu (but you can add whatever you want!). - IconButtonMenu: Similarly, the IconButtonMenu component is an IconButton that opens a popup menu when clicked.
Updates
- Theme colors are now set to CSS variables. This means that if app.theme_colors is updated at runtime, colors set in component properties will update.
Fixes
- Fixed an extraneous import in theme.css
- Fixed an issue where Buttons could be out of alignment in built-in Anvil modals (such as the Login Form)
- Fixed an issue where canceling the FileLoader file selector window instead of selecting a file could raise an IndexError
- The theme now accomodates the Free Banner, which previously overlayed the page content
- For properties that set a JS element's innerText, the property is first set to a string. This stops Python booleans from being converted to JS booleans (e.g.
Truewas previously displayed astrue) - The
tooltipproperty on IconButtons previously didn't appear under the component if the alignment was set to anything other thanleft - You can now set the
spacingproperty of ButtonMenu components from the Anvil Editor - The
icon_positionproperty of ButtonMenu components is now calledicon_align. This means it actually works and matches the name of the equivalent Button property
Release date: 6 February 2025
Updates
- The NavigationDrawerLayout now has methods to open and close the navigation drawer from code
- The modal navigation drawer now has a
max-widthso it will never take up the whole screen, making it difficult to close
Fixes
- Fixed an issue where clicking the Dropdown icon could cause the space bar to open and close the menu even when the Dropdown doesn't have focus
- Fixed an AttributeError when autofilling TextBoxes and TextAreas
- The bottom app bar on mobile layouts no longer overlays the content on the page
- Fixed a styling issue with Notifications
- The ButtonMenu now works in the old M3 navigation drawer
- Fixed an issue with importing the TextArea and TextBox components
- Fixed the sliding animation on the NavigationDrawerLayout's navigation drawer
- Fixed a styling issue with the borders of DataRowPanels when added to a DataGrid
- The RadioButton no longer squishes when there is a lot of label text
- Fixed an issue where the autocompleter considered properties to be methods
Release date: 19 November 2024
Updates
- When in the designer, the placeholder text for the Link looks more like placeholder text
- The RadioGroupPanel's
changeevent now appears in the Object Palette
Fixes
- The border of the DropdownMenu menu is now rounded
- Fixed an issue with the DropdownMenu where when the items are a list of tuples, the selected_value is the entire tuple
- Fixed an issue with outlined DropdownMenu where the label was appearing beind the component's border
- Add writeback support for various components (Checkbox, DropdownMenu, RadioGroupPanel, Switch)
- The placeholder text reappears when a component is removed from a Link
- Added a close button to Notification and Confirm modals
- Added click event parameters to all click events. Add the keys argument to ButtomMenus, IconButtons and ToggleIconButtons
- Added the
change_endevent to Sliders, which triggers when the user stops dragging the Slider thumb - Inherit the font-family of Buttons and NavigationLinks from the body
- Fix typo in the Toolbox with the LinearPanel
- Fixed the TextInput subcontent style properties to work as expected
- The align property now works as expected for TextBoxes and DropdownMenus
Release date: 6 November 2024
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
backgroundproperties that are now renamed tobackground_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
labelof a TextArea can now be edited from the Object Palette or by double clicking the component.
Fixes
- FileLoader now has a
filesproperty 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
showevent 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
alignproperty of ButtonMenus tofullnow works. - The
alignproperty of Links now works. - Fixed an issue where the ButtonMenu menu rendered behind popup menus.
- The
display_text_colorproperty of TextBoxes and TextAreas now works. - Links in built-in Anvil modals are now properly styled.