outsystems-ui
Reactive icon

OutSystems UI

Supported
Stable version 2.30.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 22 Aug (3 weeks ago)
 by 
OutSystems
4.6
 (139 ratings)
outsystems-ui

OutSystems UI

Created on OutSystems 11

Version 2.30.0

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

What's New

  • ROU-12566 - Enhanced the InlineSvg pattern with a new accessibility API and a dedicated client action called InlineSVGSetAccessibilityType to manage accessibility behavior effectively across different scenarios.
    This improvement introduces explicit built-in configurations to seamlessly support decorative, informative, and interactive SVG use cases out of the box.
  • ROU-12568 - Deprecated the Wizard and WizardItem components and created a new, accessibility-focused version built on the new architecture.
  • ROU-12913 / RPM-12913 - Added a new ForceIsLoadingDisabledState JavaScript API to the ButtonLoading component, enabling explicit control over the disabled state when IsLoadingis active. This will add support to edge cases where loading state and button interactivity must be handled independently. To use it simply call the following function on a JS node: OutSystems.OSUI.Patterns.ButtonLoadingAPI.ForceIsLoadingDisabledState()
  • ROU-12946 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider (VirtualSelect v1.4.0).
    This version also brings new extensibility configurations that were added to the VirtualSelectConfigs structure, which contains the properties available on the SetVirtualSelectConfigs client action: searchResultsText, searchResultText, selectedText, noOptionsSelectedText and loadingText.
    Consumers will need to have their references refreshed.


Fixed Issues and Improvements

  • ROU-12349 - Removed the JavaScript that forced a static pixel value into the --viewport-height CSS variable, which was breaking iOS layouts (e.g. .ios-ounce and the ServerSide Dropdown balloon) once the hardcoded cordova/iOS code is removed in the upcoming MABS 13 release. Layout CSS now uses layered 100vh/100dvh fallbacks instead, so it tracks the real visible viewport.
  • ROU-12799 / RPM-6828 - Fixed an issue that caused the Input widget with a "search" type to display a default icon, and that caused the Search component not to properly display the default icon. This occurred after the last minor release, where an unintended style rule forced a search icon into the input field.
  • ROU-12905 / RPM-6995 - Fixed an issue in the DatePicker component where manually selecting a date one day before the current date could result in incorrect behavior under certain timezone conditions. This occurred when the system timezone was behind the user’s current timezone, causing inconsistencies between the selected date and the variable value assign when interacting with the Today button or manually editing the input.
  • ROU-12928 - Fixed an issue that caused the Carousel component to fail to render properly when placed inside an Accordion Item. This occurred because the Carousel was initialized while its parent Accordion Item was in a closed state
  • ROU-12934 - Improved mobile app connectivity detection by adopting standard browser online and offline events. The NetworkStatusChanged component has been upgraded to leverage standard web browser online and offline events for detecting network status transitions.
    This modernization provides more reliable connectivity detection while maintaining complete backward compatibility with no change in behavior for existing applications.
  • ROU-12937 / RPM-7059 - Fixed an issue that caused the Carousel component to break with a "removeChild" JavaScript error when a screen action refreshed the data feeding it.
    This occurred when the Carousel component displayed images and the refreshed data source also controlled an If widget around the Carousel.
  • ROU-12938 / RPM-7084 - Fixed an accessibility issue that caused the Dropdown component to incorrectly skip group headers during keyboard navigation.
    This occurred when navigating through grouped multi-select dropdown options using the keyboard, which prevented assistive technologies and keyboard users from focusing on section headers.
    The issue was fixed by updating the Virtual Select library.
  • ROU-12939 - Enhanced Carousel accessibility with real-time ARIA state synchronization and image slide warnings. The Carousel component has been updated to improve screen reader navigation by dynamically announcing active slides, synchronizing aria-current attributes, and refining underlying ARIA roles for lists, items, and image-based slides.
    Additionally, it now raises a helpful one-time console warning when image slides are detected without the required container structure.
  • ROU-12940 - Changed the behavior of the GetNetworkType client action that returned the value "webbrowser" when it was called before OutSystems UI framework finished loading.
    This affected applications running as PWAs on browsers that don't expose the Network Information API, particularly Safari on iOS. The value "unknown" is now returned, following the web standard for when the network type can't be determined.
  • ROU-12945 - Fixed an issue that caused multiple components to be misrepresented at design time in the IDE. This occurred due to recent changes in the IDE environment that affected the visual rendering of the Range Slider, Progress Bar, Month Picker, Date Picker, Time Picker, Chat Message, Carousel, and ButtonLoading components.
  • ROU-12950 - Fixed an issue that caused the Section Index Item component to throw a console error when users navigated back to a page containing the component.
    This occurred because the component attempted to access or clean up unmounted DOM nodes during browser back-navigation state restoration.
  • ROU-12960 - Improved popup positioning for DatePicker, DatePickerRange, MonthPicker, and TimePicker components based on available vertical space.
    These components have been updated to dynamically adapt their popup direction to the area with the most available vertical space. This enhancement removes the previous limitation that forced pickers to always open below the input.


This new OutSystems UI version introduces a potential breaking change

  • Any logic that checks for the "webbrowser" value now receives "unknown", so review any conditions or mappings that depend on "webbrowser" literal (ROU-12940).
Application Objects:
OutSystems UI does not affect the count of AOs.

Version 2.29.0

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

What's New

  • ROU-12797 - Now, Dropdown Search and Dropdown Tags components support enhanced text normalization. This allows the search engine to correctly handle non-Latin characters (such as diacritics or accents) and ignore intra-word punctuation, ensuring that users find the correct options regardless of specific formatting or regional character variations.
  • ROU-12843 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider (VirtualSelect v1.3.0).


Fixed Issues and Improvements

  • ROU-12564 - Improved the Blank Slate component to meet WCAG 2.2 AA standards out of the box, removing the need for manual ARIA role adjustments.
  • ROU-12565 - Improved the User Avatar component to meet WCAG 2.2 AA standards out of the box, removing the need for manual ARIA role adjustments.
  • ROU-12856 / RPM-6928 - Fixed an issue that caused the Dropdown Search and Dropdown Tags components to lose their selected values. This occurred when the list of available options changed dynamically.
  • ROU-12851 / RPM-6903 – Fixed an issue that caused the Lightbox component to trigger error logs after its initial use. This occurred when async initialization logic completed after the parent screen or block was already disposed (such as during infinite scrolling or list recycling), causing a ControllerDisposedException and console errors because the instance had already been torn down.
  • ROU-12839 / RPM-6886 - Fixed an issue that caused the Dropdown Search and Dropdown Tags components to leak memory. This occurred because the underlying Virtual Select dropdown instance registered a document click listener in the capture phase but attempted to remove it without the matching capture flag, preventing the garbage collector from reclaiming a growing number of event listeners and detached DOM nodes each time the dropdown opened and closed.
  • ROU-12835 - Fixed an issue that caused Tooltips to remain open on the screen instead of closing automatically. This occurred when a user switched browser tabs and then returned to the application to click on a different tooltip.
  • ROU-12807 - Fixed an issue that caused the page to jump when interacting with the Carousel component. This occurred when the Carousel component was placed inside a Form widget.
  • ROU-12778 - Fixed an issue that caused the Menu to flicker on mobile devices. This occurred when a user scrolled the page while the side menu panel was open, causing the container to jitter visually as the mobile browser adjusted its viewport height.
  • ROU-12666 - Enhanced Date and Time picker design-time previews. This update improves the DatePicker, DatePickerRange, MonthPicker, and TimePicker by ensuring their design-time previews accurately respect the active icon library.
  • ROU-12569 - Updated TabsContentItem container to use div for ARIA compatibility. This update changes the underlying wrapper container of the TabsContentItem from an article element to a div. This adjustment ensures full compatibility with the role="tabpanel" attribute, preventing semantic conflicts and enabling assistive technologies to correctly identify and communicate tab content to users.
  • ROU-12567 - Improved the Carousel component with significant accessibility enhancements. This includes a minimum 24px target size for pagination when the Carousel is inside an element with the .has-accessible-features CSS class (this will be a visual breaking change that can be easily recovered by overriding the CSS and will ), optimized ARIA roles (presentation for root, tabpanel for slides), and improved keyboard navigation. List and list item roles (list/listitem) will be correctly applied to dynamic content within carousel slides, while native elements rely on semantic HTML and don’t have an explicit role attribute.
  • ROU-12563 - Accordions now use optimized ARIA roles and focus management. This update ensures Accordions expose proper list and list item roles to screen readers for clearer grouping. Additionally, collapsed content now uses the inert attribute to prevent accidental focus or interaction while hidden, while maintaining standard keyboard behavior for titles.
  • ROU-12562 - Fixed an issue that caused the ActionSheet to have incorrect ARIA attribute placement. This occurred when the aria-expanded attribute was applied to the ActionSheet container instead of the trigger element, which has now been corrected alongside updated documentation to ensure full accessibility compliance. 
    Also improved the Lightbox component to support its usage within custom layouts.
  • ROU-12888 / RPM-6874 / RPM-6971 - Fixed an issue that caused the Dropdown arrow to be misaligned. This occurred when the dropdown component was placed inside a form, both at runtime and design time.
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