Version: 1.8.0

Framework Version: 10.24.13

Release Notes:

General updates and improvements

• Preparations for the move to the Mendix public Marketplace is completed.
  • Nothing will change in your current workflow–the Siemens UI Module will just reach a larger target audience that also need to create Siemens themed applications in Mendix.
  • The Siemens UI Reference Guide has been revamped to cater to this change. This will become live after the move to the Mendix public Marketplace.
  • The process and changes are done in alignment with the FT UX CED team.
• Avatar: Building block Avatar with label (horizontal) + menu has been added. Requested by DM UX team and added in alignment with the FT UX CED team.

 

Accessibility fixes

The following accessibility fixes have been made based on the latest evaluation report from the ACCP team:

• Table/Grid (DataGrid 2):
  • The column selector had an a11y issue due to aria-selected not being available on the menu item. The screen reader can’t announce if the column gets selected or unselected from the dropdown. The Web Content team has approved our PR and the issue has been resolved with the latest update of Data Widgets module (v3.9.0).
  • The focus for the dropdown filter in DataGrid 2 has been fixed.
    • Note that the dropdown (Combobox) issue hasn’t been resolved yet. This is a dependency that will be picked up by Web Content team.
  • Contrast of dropdown filters align with the rest of the filters now.
• Popup Menu / Tooltip:
  • All search inputs on the reference guide page have placeholder text, that’s not only 'Search'.
  • Search input building blocks have 'Placeholder' set as placeholder text.
  • There are still 2 open issues:
    • The button itself is missing ARIA-HasPopup.
    • The options are still not keyboard accessible.
  • The Web Content team have been notified on the issue. When the issue has been resolved, we will update in the Siemens UI Module accordingly.
• Switch: Updated background, thumb and focus border color according to latest Siemens Design Language guidelines.
• Navigation elements focus issue is resolved.
• File Uploader: Focus state has been improved.

 

Bug fixes

• Updated the Siemens logo color for the iX layout in Light mode. Flagged by IT APS LCW PBC team.
• Table/Grid (DataGrid 2): Fixed the flickering behavour during (re)loading of DataGrid 2 in dark mode. Noticed during demo session provided by Anil Dodloji, Rakshith A C and Suryateja Rachapudi (FT D AA IN DASS).
• Date / Time Picker: Asterisk icon is added when aria-required is set. Flagged by Robert Lenius (CF T).
• Dropdown (Combobox): Added styling aligned to Siemens Guidelines standards for custom content usage. Requested by Cezary Wrobel (DI SW MNDX PRO&TECH).

 

Pluggable components

The latest versions are included in Siemens UI Module v1.8.0:

• Added Splitter component (v1.0.0) to the Siemens UI Module. Requested by DM UX team and added in alignment with the FT UX CED team.
  • This component has the following dependency: "react-resizable-panels": "^4.7.3". This has been cleared in Export Control and SCP One Tool within the Siemens UI Module.
• Added viewPort width configuration for the Panel component (v1.2.2). Requested by Philipp Icgen (SMO CS LS EH). 

 

 

 

Version: 1.7.0

Framework Version: 10.24.13

Release Notes:

General updates and improvements

• Rich Text Editor: is now styled with Siemens Design Language theming for light and dark mode. Requested by Tobias Kister.
• Color palette: we've added a page in the reference guide, which shows all the colors that are used in the Siemens UI Module. Also, of all the available colors according to the Siemens Design Language. Requested by Kundan Kumar.
• Design properties: all design properties, that we've added in our UI module, are documented in our reference guide.
• iX layout: the close behaviour of the navigation menu has been extended. The following options are now available (and documented):
  • By default, the navigation menu automatically closes when a user clicks outside of it.
  • Additionally, the navigation menu can close when a user clicks on a menu item that does not have a submenu. Requested by Niraj Kshetri & Philipp Icgen.
• TreeNode: removed TreeNode Indicator building block, as the checkboxes in the custom implementation didn’t work as expected due to nesting.
• Updated dependencies page.
• Cleanup of CSS var files.
• DataGrid 2 & Gallery: Spacing (small) between buttons and links, used in a DataGrid 2 and Gallery, has been added. This includes the buttons placed in the grid-wide headerfilter section and buttons + links placed in the custom content. Requested by Kundan Kumar.

 

Accessibility fixes

The following accessibility fixes have been made based on the latest evaluation report from the ACCP team:

• Text Input: a11y fixes for keyboard navigation and screen readers. We also now support Fieldset being used in forms.
• Slider: a11y issues resolved. We advise to update this widget to the latest version in your project.
• DataGrid 2:
  • The button for Table Banding / Grid is enhanced by adding tooltip text mentioning that the table settings affect the appearance only.
  • Status is now detectable by screen reader and the icon has been removed (as it didn't have a purpose).
  • Replaced the tooltip with popup instead for "Show more options" menu.
  • Editable Table building block has been removed. This functionality should come out of the box, just like it was possible with the predecessor (DataGrid 1).
  • DataGrid 2 column filters still has issues, so the Web Content team has been notified.
• Popup Menu / Tooltip: updated the reference guide page on how to use the Popup Menu and Tooltip properly. Also added a11y guidelines on usage. Popup Menu and Tooltip components itself still has issues, so the Web Content team has been notified.
• Search Input: all search input (examples in the reference guide and building blocks) have the required state removed.
• Tiles & Cards: added missing a11y attributes. Different variants are documented with a11y guidelines. Comparison view building block has been removed. Updated all building blocks.
• Toast: duration is updated to 8000 ms instead of 3000 ms. Toast example images and docs are updated and a11y guidelines are added to the reference guide.
• Wizard: examples and building blocks are now based on actual use cases, e.g. instead of “First step of the wizard”, the Narrator tool now mentions: “Step 1: Account Information“, etc.

 

Bug fixes

• Radio button: When disabled, radio buttons that are checked and those that are unchecked are now better distinguishable. Flagged by David Gemen.
• DI SW layout: Navigation submenu UI bug has been fixed (when screen is set to less than 300px height).
• HTML element: the HTML element widget is now aligned with the Siemens Design Language theming.
• Combobox: When a Combobox is used inside a pluggable Panel component, the submenu is now opening in the right position (instead of outside of the Panel).

 

Notes

• We’re working on improving the migration process and documentation from the old UI Resources module to our Siemens UI module together with the IT APS LCW PBC team (the owners of the Siemens IT Starter App).
  • This includes the alignment of CSS classes, so less / no manual work is needed.
• The compatibility issue between GenAI and ConversationalUI modules being used together with the Siemens UI module should be resolved with the next release of the Incubation and Innovation team’s modules.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Version: 1.6.0

Framework Version: 10.24.13

Release Notes:

Important updates

• We've upgraded the Siemens UI Module to LTS version 10.24.13.
• We've improved and aligned the folder structure within the Siemens UI Module for easier findability. We also renamed the snippets, microflows, nanoflows, building blocks, etc. according to Mendix best practices.
  • If you encounter any errors due to the renaming → Simply link them to the renamed element again.
• Starting Siemens UI Module v1.6.0 and onwards, only the pluggable components created by our team, such as the Siemens UI Checkbox, Siemens UI Panel, Siemens UI Dynamic tabs and Siemens UI Toast Notifications will be included in the package. Platform supported components need to be downloaded individually. More information on dependencies can be found on: https://siemens-design-systems.mendix.com/p/docs/getting-started/dependencies
• ↓ Steps to take before updating to the new UI module version! ↓
  • When migrating to this version, we advise to download / update your modules and widgets to the supported version first: https://siemens-design-systems.mendix.com/p/docs/getting-started/dependencies.
  • Also, we strongly recommend migrating from the Dojo client to the React Client to ensure an easier migration to Mendix 11 in the future, as the Dojo client is deprecated: https://docs.mendix.com/refguide/mendix-client/react/

 

General updates

• Siemens UI Module design tokens and layouts have been updated according to the Version 2510 DI SW Product Design System release from the FT UX CED team to adhere to the Siemens Design Language updates.
• Toast – We've added a new way to open up a simple Toast message using a microflow instead of the pluggable component. You can read about it in our reference guide.
• JQuery 3.5.1 (login animation) dependency have been removed from the Siemens UI Module.
• Nanoflow ACT_ThemeToggle and JavaScriptAction SetAppTheme.json have been added to the Siemens UI Module.
  • Documentation on how to use it has been updated: https://siemens-design-systems.mendix.com/p/docs/foundations/theming

 

Accessibility fixes

The following accessibility fixes have been made based on the evaluation report from the ACCP team:

• Avatar – The Avatar Menu building block: Tooltip has been replaced with the Popup Menu. Information should now be available when a screen reader is used. Interactive elements are now keyboard accessible.
• Dropdown (Combo Box) – Aria-select has been fixed with the recent updates of DataWidgets, thanks to the Web Content team.
• Popup Menu – Added a11y guidelines to the documentation page and notified the Web Content team on moving the focus to the first interactive item when opening the Popup Menu (out of the box).
• Scroll Panel and Scroll Bar – replaced the Gallery with DataGrid 2 in the reference guide, so the user is able to navigate horizontally and vertically on the page.
• Search Input – Made the fixes for expected ARIA behaviour when using the building blocks.
• Tile and Card – A11y fixes for all variants shown in the reference guide and all building blocks.
• Toast – Documentation on timing configuration and a11y guidelines is added.
• Tree – Keyboard events to open / close the TreeNodes have been fixed with the recent updates of DataWidgets, thanks to the Web Content team.
• Wizard – All Progress Stepper building blocks are now accessible via keyboard and screen reader. Progress Bar will be picked up later, as it's a Platform supported component. 
• 'Skip to' links – Simplified the usage of 'Skip to' links and added documentation on How to use for implementation.

 

Bug fixes

• Panel configuration UI issues – Fixed the percentage issue and updated the page templates + documentation in the reference guide.
• iX Top navigation UI issue – We've fixed the issue that the iX_Application_Frame_topNavbar shows the left navbar when React Client is turned off.
• Checkbox UI issue – The UI issue where the checkmark was barely visible in non-edit mode, has been resolved.
• Accordion background – Has been updated with the right token in dark mode.

 

Notes

• We're waiting for the PR's (accessibility fixes) to be merged by the Web Content team for the next release of DataWidgets and Slider component.
• Contact with the Innovation & Incubation team, that created ConversationalUI, has been made → Alignment on Siemens styling is in progress.

 

 

 

 

 

 

Version: 1.5.0

Framework Version: 10.12.12

Release Notes:

General updates

• Updated iX topbar layout based on 2510 release with alignment of FT UX CED team
• Card improvements: A card or Tile isn’t affected by the state of the inputs anymore (e.g. disabled). Instead, that capability is moved to a separate Card and Tile building block.
• Combobox error messages inconsistencies fixes

 

Accessibility fixes

The following accessibility fixes have been made based on the evaluation report from the ACCP team:

• Breadcrumbs
• Command Bar
• Checkbox
• Information Bar
• Label
• Panel
• Dynamic tabs

 

Updates pluggable components

• Siemens UI Panel v.1.2.1
• Siemens UI Tabs v.1.1.0

Version: 1.4.1

Framework Version: 10.12.12

Release Notes:

Release notes:

 

Key update

- Bugfix for loader not going away due to opacity changes in previous sprint.

Version: 1.4.0

Framework Version: 10.12.12

Release Notes:

Key update

• Implementation of legacy theme (Horizon) tokens

 

General

• Added uniform height of header filters in Datagrid 2
• Reset default Card and Tile width to 100%. Instead, added design property max-width to allow the max-width for Tile to 150px and Card 250px.
• Added selected and hover over for Combo Box.
• Fixed divider element of Popup Menu in dark mode.
• Added color tokens for File Dropper (community widget).
• Fixed UI inconsistencies of Text Input and Combo Box when read-only.

 

Accessibility fixes

• Accordion
• Buttons
• Slider
• Switch
• Header with Vertical Command Bar
• File Upload
• Group Box
• Link
• Loading Indicator
• Radio Button
• Segmented Button
• Empty State

 

Documentation improvements

• Updated documentation of Panels in reference guide.
• Added “Installation” section to Marketplace.
• Added implementation of legacy theme (Horizon).
• Updated documentation for Tile and Card.
• Updated Siemens icons page.
• Added documentation on usage Breadcrumbs in iX layout.
• Added utility classes page.
• Improved documentation on How to Use.
• Added Dependencies page.
• Improved documentation of Tag.

 

Updates pluggable components

• Siemens UI Panel v 1.1.1.
• Added Inline Panel variation.
• Panel can be closed on Esc key press

 

 

Version: 1.3.0

Framework Version: 10.12.12

Release Notes: Release notes:
- Added documentation and 5 building blocks for Wizard: Progress Stepper;
- Removed unwanted border in Avatar menu;
- Fixed spacing and alignment between icon and menu item (navigation);
- Updated iX_Subheader_Content_Template and improved documentation;
- Updated According header sizing according to new Siemens' guidelines . Also, fixed disabled state styling for other sizes and updated documentation;
- Added Accessibility Helper to DISW and iX layouts;
- Added tooltips to all icon-only buttons and added documentation for buttons and command bar on tooltip usage;
- Added "no overflow" design property to DataGrid 2 and added documentation on usage;
- Isolated min-width for Tooltips used in DataGrid 2 to class name: datagrid-settings-btn;
- Updated jquery-3.5.1.min.js to JQuery 3.7.1 in login page, using CDN now to load it;
- Added dark mode variant for scroll bars (in supported browsers);
- Added styling for Tabcontainer design properties (Pills, Lined, Bordered, Wizard);
- Added styling for Group boxes;
- Updated support Atlas Core version to 3.16.5;
- Updated support Combobox to V 2.4.3;
- Updated support DataWidgets to v. 2.30.9
- Made a fix for Comparison view (Gallery);
- Updated support Events to V 1.1.0
- Added Events to iX layouts and updated versioning in reference guide.
- Documentation update for Panels, showcasing recommended approach.

More information can be found in READ_ME.

Version: 1.2.0

Framework Version: 10.12.12

Release Notes: - Ix Charts documentation has been added to the reference guide;
- Selected state fix for Listview, when used as Listen to;
- Disabled state and read-only style fixes for date picker, radio buttons and slider components;
- Removed border and added spacing in Pop-up Dialog when used with Dataview;
- Added new building block: DISW_DataView_Footer;
- Removed iX_App_Frame page template;
- Added new layout: iX_Application_Frame_topNavbar (dev request);
- Updated page template preview images with improved visuals.

Version: 1.1.0

Framework Version: 10.12.12

Release Notes: - List View is implemented and adheres to Siemens’ guidelines and added documentation in reference guide.
- Replaced font files for compression (ttf to woff2).
- Editable Table (DataGrid 2) is implemented and added documentation in reference guide.
- Cleanup of code files.
- Create utility css classes and extended on design properties for containers and added documentation in reference guide.
- Removed the focus-within state of cards. (dev request).
- Added .card class as extension of .disw-card and .disw-tile.
- Added login files to UI module and documentation.
- Updated documentation on usage of panels in iX.
- Updated button box-shadow to elevation 2.
- Improved documentation on segmented buttons.

Version: 1.0.1

Framework Version: 10.12.12

Release Notes: - Fixed the Application name snippet issue with color.
- Fixed dark mode issues with Data grid 2 filters.