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 (3 weeks ago)
 by 
OutSystems
4.6
 (138 ratings)
outsystems-ui

OutSystems UI

Created on OutSystems 11

Version 2.28.0

Stable
Current
Uploaded on 5 Apr (3 weeks ago) by OutSystems
Compatible with:
Version 11
11.12.0 or higher
Database:
All
Release notes:

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

Application Objects:
OutSystems UI does not affect the count of AOs.

Version 2.27.0

Stable
Uploaded on 27 Jan by OutSystems
Compatible with:
Version 11
11.12.0 or higher
Database:
All
Release notes:

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.
Application Objects:
OutSystems UI does not affect the count of AOs.
Created on OutSystems 10

Version 1.6.7

Stable
Uploaded on 22 October 2019 by OutSystems
Compatible with:
Version 11
Version 10
Stack:
.NET
Database:
All
Release notes:

Improvements

  • Changed icons for CarouselGoTo, CarouselNext and CarouselPrevious actions.
  • Fixed Lightbox issues previewing a recent uploaded image.


Version 1.6.6

Stable
Uploaded on 25 February 2019 by OutSystems
Compatible with:
Version 11
Version 10
Stack:
.NET
Database:
All
Release notes:

Fixed Issues:

  • JSONSharp license information was removed from the Licenses text