outsystems-ui
Reactive icon

OutSystems UI

Supported
Stable version 2.28.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 5 Apr (10 days ago)
 by 
OutSystems
4.6
 (139 ratings)
outsystems-ui

OutSystems UI

Details
The OutSystems UI framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.
Read more

With dozens of responsive UI patterns, this framework is integrated with OutSystems and allows you to build the UI of your app using low code. 

Key features:

  • More than 70 UI patterns
  • Easily customizable and extendable design system
  • Responsive UI
  • Right-to-left support
  • Accessibility compliance with WCAG 2.1
  • Actions to deal with different device types
  • Built for Reactive Web and Mobile apps 


Find out more at www.outsystems.com/outsystems-ui

Release notes (2.28.0)

What's New

  • ROU-12586 - Now, Dropdown Search and Dropdown Tags components will be using the latest version of their library provider, VirtualSelect v1.1.5
    This version also brings a new extensibility configuration that was added to the VirtualSelectConfigs structure, which contains the properties available on the SetVirtualSelectConfigs client action: clearButtonText
    Consumers will need to have their references refreshed.
  • ROU-12546 - Added a new client action called TimePickerSetLanguage that enables developers to define a specific language for a TimePicker component.


Fixed Issues and Improvements

  • ROU-12243 - Fixed an issue that prevented the Dropdown Search and Dropdown Tags components from closing as expected. 
    This occurred when interacting with a Custom Dropdown (core widget), where the runtime's event propagation management prevented the components from correctly detecting that they should close.
  • ROU-12270 - Fixed an issue where the Dropdown Search failed to respond correctly to keyboard navigation.
    This occurred when a search term persisted after the dropdown was closed, causing the keyboard focus to become stuck or behave inconsistently when the component was reopened.
    The issue was fixed by updating the Virtual Select library.
  • ROU-12421 - Updated the Lightbox Image component with enhanced accessibility and grouping logic. This update introduces comprehensive accessibility features, including ARIA attributes, inert handling, and descriptive dialog containers to ensure a seamless experience for screen reader users. Additionally, it features improved thumbnail parsing and image grouping logic, providing more robust support for complex image collections and captions.
  • ROU-12521 - Added automatic language detection to the TimePicker, MonthPicker, DatePicker, and DateRangePicker components.
    This allows the components to sync with the browser’s locale instantly without manual setup. 
    To avoid unnecessary component redraws, developers should remove any redundant calls to DatePickerSetLanguage or MonthPickerSetLanguage unless a specific locale override is required.
  • ROU-12524 - Improved the Menu and Layout components to enhance semantic structure and accessibility compliance. 
    This update introduces new constants for ARIA attributes and roles, promoting a more robust foundation for assistive technologies. These code enhancements ensure that your application’s primary navigation and layout follow modern accessibility standards more accurately out of the box.
  • ROU-12526 - Fixed an issue that caused the Menu component to lose track of its open/closed state on mobile devices.
    This occurred when using drag gestures to open or close the menu, causing the internal logic to get out of sync with the menu's actual position.
    To resolve this and improve reliability, we’ve created two new events, OnOpen and OnClose, that now trigger correctly regardless of whether the user clicks or drags.
    • Fixed an issue where accessibility attributes were not correctly updated for the Menu on mobile.
      This occurred when interacting with the menu via drag gestures, which prevented screen readers from accurately announcing whether the menu was expanded or collapsed.
  • ROU-12549 - Fixed an issue that caused Range Slider and Range Slider Interval handles to render incorrectly or disappear.
    This occurred when the application was set to a Right-To-Left (RTL) layout, which prevented the components from properly calculating the handle positions along the track.
  • ROU-12553 - Fixed an issue where duplicate icons appeared on the "clear" button in the Dropdown Search and Dropdown Tags components.
    This occurred specifically when using the Safari browser, where a rendering conflict caused two icons to be displayed simultaneously within the search input's clear action.
  • ROU-12580 / RPM-6564 - Improved the Dropdown Search and Dropdown Tags components to include the description attribute on the search mechanism. 
    The feature was added by updating the Virtual Select library.
  • ROU-12585 - Fixed an issue that prevented the table’s background color from changing during a hover state. 
    This occurred specifically when hovering over striped rows within the Table widget.
  • ROU-12590 - To better align with the ODC Platform Icon Library feature, we replaced the .ph class with the new .placeholder-empty one.
    This will result in a more consistent offering between the two Platforms and make future migrations easier for current applications.
  • ROU-12609 - Updated the DropdownServerSideItem OnSelect event parameters for clearer semantics. This update renames existing parameters and introduces a new optional one to improve clarity and support reusable logic. The parameter DropdownId is now DropdownServerSideItemId, and DropdownItemId is now ItemOptionId.
    Additionally, the new DropdownServerSideId parameter allows developers to identify the parent context, facilitating shared event-handling logic across multiple dropdowns.


This new OutSystems UI version introduces soft-breaking changes

  • Two new events, called OnOpen and OnClose, were added to the Menu so the events are triggered correctly regardless of whether the user clicks or drags. 
  • Based on the community feedback, a new parameter called DropdownServerSideId was added to the DropdownServerSideItem OnSelect event to allow developers to easily identify the parent context. 
  • To better align with the ODC Platform Icon Library feature, we replaced the .ph class with the new .placeholder-empty one.  
    Although we will continue to support both classes, it's recommended that all customers replace all occurrences of the .ph class in their existing apps with the new one.  
    You can easily do this using the 'Search in this module' feature on Service Studio. 


Because of these changes and the platform references model, all consumers need to have their references manually refreshed. 
Functionally, no changes are expected

License (2.28.0)
Reviews (30)
by 
2025-06-13
in version 2.23.0
Works perfectly.
by 
2025-05-28
in version 2.23.0
Excellent work on this release. I truly value the focus on accessibility and functionality enhancements. it is really helpful.
by 
2025-05-26
in version 2.23.0
very helpful component, thanks!
Team
OutSystems
Other assets in this category