outsystems-ui
Reactive icon

OutSystems UI

Supported
Stable version 2.27.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 27 Jan (4 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.27.0)

What's New

  • ROU-12500 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider, VirtualSelect v1.1.4.
  • ROU-12514 - New Theme Customization Variables were added for backgrounds, borders, and text to provide more granular control over your themes.
    Example: Instead of --color-neutral-0, you can now use --background-color-neutral-0, --text-color-neutral-0, or --border-color-neutral-0.
    Note: Legacy variables remain active for backward compatibility.


Fixed Issues and Improvements

  • ROU-11718 - Improved the hover behavior in the Wizard Item component to ensure the cursor correctly reflects the state of each step.
    Now, steps with the "Next" state will display the default cursor to better align with user expectations.
  • ROU-12006 / RPM-6314 - Fixed an issue that caused the Bottom Sheet to appear and flicker. This occurred when the bottom sheet was used at the same time as a pull-to-request.
  • ROU-12350/ RPM-6475 - Fixed an issue that caused certain blocks to be misplaced on Android devices with edge-to-edge display settings enabled.
    This update improves the overall user experience, ensuring that components respect system bars and screen boundaries on modern Android devices.
  • ROU-12381 / RPM-6340 - Fixed an issue where it was impossible to scroll through the options in the Dropdown Search and Dropdown Tags components.
    This occurred when a user attempted to use the scrollbar while one of the dropdown options was currently focused. The issue was fixed by updating the Virtual Select library.
  • ROU-12431 - Fixed an issue that caused Tabs inside forms to misbehave when a user pressed the Enter key while an input field was in focus.
    This correction ensures that the form submission or navigation logic remains stable and does not trigger unintended tab switching.
  • ROU-12436 - Fixed an issue that caused the Pagination component to trigger unnecessary network requests. This occurred when the showGoTo was enabled and a user toggled focus in and out of the field without actually changing the page value. 
  • ROU-12437 - Fixed an issue that caused the page background to scroll while using components with a Focus Trap, such as the BottomSheet or Sidebar.
    This occurred during keyboard navigation when the focus reached the last element, inadvertently triggering a scroll on the content behind the component.
  • ROU-12487 / RPM-6408 - Fixed an issue where Submenu items would incorrectly display a focus outline and skip focus to the next element.
    This occurred when the OpenOnHover option was enabled, and a user hovered over the submenu.
  • ROU-12507 - Fixed an issue where the BottomSheet component failed to clear its configurations during disposal, leading to unexpected behavior in other features.
    This occurred specifically when trying to use the Pull-to-Refresh functionality after closing a Bottom Sheet and navigating to another screen.
  • ROU-12508 - Fixed an issue that caused the TimePicker, DatePicker, and MonthPicker components to be incorrectly positioned when RTL (Right-to-Left) was enabled.
  • ROU-12509 - Fixed an issue that caused the Dropdown Search and Dropdown Tags components to apply an incorrect margin when RTL was enabled.
    Fixed an issue where the Dropdown Search and Dropdown Tags components would lose their selected values following a re-render.
  • ROU-12513 / RPM-6446 - Fixed an issue where the Dropdown Server Side widget did not correctly update the aria-expanded accessibility attribute.
    This ensures the component properly communicates its collapsed or expanded state to screen readers.
  • ROU-12517 - Fixed an issue that prevented the Sidebar component from opening when dragged from the edges of the screen.
    This was caused by a regression that disabled the swipe events previously used in native mobile applications.
  • ROU-12530 / RPM-6466 - Fixed an issue in the Dropdown Server Side component that caused the focus to move beyond the available options when opened on native mobile apps. This fix ensures that focus remains trapped within the dropdown list for a more predictable mobile user experience.
  • ROU-12533 - Fixed an issue that caused the Month Picker to announce the wrong value for the previous and next year buttons. This occurred when navigating through the years using a screen reader.
    Fixed an issue that caused the Month Picker to fail to announce the current year.
    This occurred when the year was changed, preventing accessibility tools from providing the updated context.
  • ROU-12537 - Fixed an issue in the OverflowMenu component that caused the focus to move beyond the available options when opened on native mobile apps.
License (2.27.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