outsystems-ui
Reactive icon

OutSystems UI

Supported
Stable version 2.23.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 11 May (9 days ago)
 by 
OutSystems
4.6
 (133 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.23.0)

What's New

  • ROU-11663 - Added support for the latest versions of the iPhone by updating the associated dimensions on the framework when applying the CSS class iphonex. 
    We’ll now support iPhone 15 and iPhone 16.
  • ROU-11742 / RPM-5361 - A new input parameter, SanitizeDropdownValues, has been added to the OptionalConfigs in the DropdownSearch/Tags components.
    This parameter controls whether the data should be sanitized to prevent potential injected code execution.
  • ROU-11808 - Now, DropdownSearch/Tags will use the latest version of their library provider, VirtualSelect v1.0.49.
    This version also brings new extensibility configurations that were added to the VirtualSelectConfigs structure, which contains the properties available on the SetVirtualSelectConfigs client action: ariaLabelTagClearButtonText, ariaLabelSearchClearButtonText, showDuration, and hideDuration.
    Consumers will need to have their references refreshed.


Fixed Issues and Improvements

  • ROU-10829 - Fixed an issue that caused the DropdownSearch/Tags components not to display options in a specific scenario. 
    This occurred when a user selected an option after scrolling down the dropdown list, cleared the selection, and reopened the dropdown, leading to a rendering issue.
    The issue was fixed by updating the Virtual Select library.
  • ROU-11662 / RPM-5624 - Fixed an issue that caused the Pagination component to not update correctly. 
    This occurred when the ShowGoToPage option was enabled, and filters were applied after navigating to a page other than the first.
  • ROU-11689 - Fixed an issue where the DatePicker component would appear behind a popup in responsive web applications on phone-sized screens.
  • This issue occurred when the DatePicker was opened from within a popup, preventing proper interaction with the component.
  • ROU-11690 / RPM-5628 - Fixed an issue where a conflict between the time-related components .animate class was conflicting with the Animate component that has a class with a similar name.
  • ROU-11695 / RPM-5644 - Fixed an accessibility issue on the DropdownSearch/Tags components where some interactive elements were not properly accessible or focusable.
    This occurred when attempting to clear a selection using the clear button, which was not recognized as a button and didn't update its focus state when hidden. 
    Also, when navigating the dropdown with the keyboard, there were focus issues on elements that should not have been focusable when not visible.
    The issues were fixed by updating the Virtual Select library.
  • ROU-11726 / RPM-5660 - Fixed an issue where the LightBox component would trigger an error visible in both the browser console and the monitoring console.
    This occurred in edge cases where users navigated to a new screen quickly, preventing the asynchronous initialization of the LightBox instance from completing.
  • ROU-11743 / RPM-5580 - Improved the event handlers management for the DropdownSearch/Tags and the DropdownServerSide components.
    Improved the focus trap and button effects scripts with a focus on performance.
  • ROU-11767 - Fixed an accessibility issue that caused the Wizard component not to allow focus using Tab key navigation.
    This occurred when navigating with the Tab key on a Wizard component that contained WizardStepItems with Status = Next.
  • ROU-11773 / RPM-5722 - Fixed an issue that caused the DropdownServerSide component to trigger the OnSelected event twice.
    This occurred when the DropdownServerSide component was used with AllowMultipleSelection = False, and navigation was performed using the keyboard arrows.
  • ROU-11798 - Fixed an issue that caused the DatePicker, DatePickerRange, MonthPicker, and TimePicker components to render aria attributes with incorrect syntax, defined in the underlying flatpickr library.
  • ROU-11799 - Fixed an issue that caused the DatePicker, DatePickerRange, and MonthPicker components to have the year/month input hidden when using inline mode through extensibility.
  • ROU-11827 - Fixed accessibility issues in the SubMenu, DatePicker, DatePickerRange, and TimePicker components.
    These fixes include incorrect aria role usage in the SubMenu component, missing input labels in TimePickers, the "Today" button not being keyboard-accessible when the pickers were inline, and missing role attributes in DatePicker/DatePickerRange components.
    These fixes improve support for assistive technologies
  • ROU-11858 / RPM-5781 - Improved Tabs component descriptions and error handling to prevent issues when used without at least one TabsHeaderItem and one TabsContentItem.
    This ensures proper tab functionality and avoids unexpected errors.
  • ROU-11864 - Fixed an issue that caused the Tabs component's active indicator to be visually misaligned with the currently selected tab.
    This occurred when a TabsHeaderItem was dynamically hidden at runtime.
License (2.23.0)
Reviews (24)
by 
19 May (yesterday)
in version 2.23.0
most useful.
by 
17 May (3 days ago)
in version 2.23.0
Works flawlessly. Easily one of the most useful.
by 
2024-10-16
in version 2.20.0
outsystems UI is still very useful and saves a lot of trouble
Team
OutSystems
Other assets in this category