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

Created on OutSystems 11

Version 2.23.0

Stable
Current
Uploaded on 11 May (9 days ago) by OutSystems
Compatible with:
Version 11
11.12.0 to 11.34.1
Database:
All
Release notes:

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

Version 2.22.0

Stable
Uploaded on 25 Feb by OutSystems
Compatible with:
Version 11
11.12.0 to 11.33.0
Database:
All
Release notes:

What's New

  • ROU-11479 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider VirtualSelect v1.0.47.
  • ROU-11384 - Added the ability to customize the Progress Bar component's animation speed using new CSS variables: --progress-initial-speed and --progress-speed
    Developers can now adjust the animation speed to fit their specific use case for smoother transitions. 


Fixed Issues and Improvements

  • ROU-11403 - Fixed an issue on the Dropdown Search/ Tags components that prevented the "Select all" checkbox from being accessible via tab navigation.
  • ROU-11408 - Fixed an accessibility issue where the Dropdown Search/Tags components lost focus after being closed.
    This occurred because the focus was incorrectly shifting to the body instead of returning to the dropdown’s original context.
  • ROU-11464 - Fixed an issue in which the Date and DateTime inputs displayed the incorrect date format when the device language was set to RTL, but the application used an LTR layout.
    This issue primarily affected the DatePicker component.
  • ROU-11487 - Fixed an issue that caused the Sidebar component to remain open even after clicking outside of it when initially opened.
  • ROU-11512/RPM-5484 - Fixed an issue that caused the Notification component to fail to apply the CloseAfterTime setting consistently when triggered multiple times.
    The issue occurred when the Notification was set to automatically close after a specified time but was interrupted by either user interaction or API calls, causing it to ignore the configured timeout on subsequent triggers.
  • ROU-11513 - Fixed an accessibility issue where the Pull to Refresh component was detectable by screen readers, but provided no meaningful feedback to users.
    This occurred when the user used the screen reader on a mobile device to navigate through the screen and, has been addressed by making the component inaccessible to screen readers.
  • ROU-11521/RPM-5495 - Fixed an issue on the Menu utils client action SetActiveMenuItems that changed how it worked and prevented the right option from being set as active. 
    This occurred due to the focus trap implementation given that the Submenu component can have more children than Submenu items.
  • ROU-11536/RPM-11536 - Fixed an accessibility issue that caused the Rating component to incorrectly assign the same element identifier multiple times in the DOM, causing it to be flagged by accessibility tools.
  • ROU-11549 - Fixed an issue that caused incorrect positioning of the DropdownServerSide component when used inside a BottomSheet component.
  • ROU-11563/RPM-11563 - Fixed an issue that caused design-time preview issues with the DropdownServerSide component in the IDE.
  • ROU-11631/RPM-5591 - Fixed an issue that prevented the content selection in the TextArea widget when it was disabled.
    This happened when the end user attempted to select the text in a disabled TextArea, as a CSS rule applied a pointer-events:none property.
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
11.0.108 to 11.31.0
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
11.0.108 to 11.31.0
Version 10
Stack:
.NET
Database:
All
Release notes:

Fixed Issues:

  • JSONSharp license information was removed from the Licenses text