Give us feedback
outsystems-ui
Reactive icon

OutSystems UI

Supported
Stable version 2.19.1 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 10 Jun by 
OutSystems
4.6
 (126 ratings)
outsystems-ui

OutSystems UI

Created on OutSystems 11

Version 2.19.1

Stable
Current
Application Package
Uploaded on 10 Jun by OutSystems
Compatible with:
Version 11
11.12.0 or higher
Database:
All
Release notes:

What's New:

  • ROU-10768 - Now, Range Slider and Range Slider Interval components will be using the latest version of their library provider (noUISlider v15.7.2).

 

Fixed Issues and Improvements:

  • ROU-4248 - Fixed an issue where validation messages were incorrectly positioned when the IsRTL setting was enabled.

  • ROU-4825 - Improved the parameters change mechanism to prevent multiple redraws when using all the components relying on a provider library - Carousel, DatePicker, DatePickerRange, DropdownSearch, DropdownTags, TimePicker, MonthPicker, RangeSlider and RangeSliderInterval.

  • ROU-10687 - Fixed an issue that caused the DropdownServerSide component not to apply the invalid styles. This occurred when the invalid status was set using the DropdownServerSideNotValid client action.
    Improved the application of A11Y outline styles, ensuring that focus on the options list content is more consistent and visible.

  • ROU-10751 / RPM-4988 - Fixed an issue that caused the Tabs' content to be hidden in design time (ServiceStudio).
    This occurred due to a CSS selector not considering the exception for the preview styling inside ServiceStudio.

  • ROU-10753 - Fixed an issue that caused the Dropdown Search/Tags components content to be blurry. This occurred when zoom-in or zoom-out was used on different zoom levels and Chromium-based browsers.

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

Version 2.19.0

Stable
Application Package
Uploaded on 19 May by OutSystems
Compatible with:
Version 11
11.12.0 or higher
Database:
All
Release notes:

What's New:

  • ROU-3863 - Now, FlatpickrConfigs structure has the following new extensibility configurations that can be used through SetFlatpickrConfigs client action - enableSeconds, hourIncrement and minuteIncrement.

  • ROU-4738 / ROU-4770 - The Tooltip and DropdownServerSide components have been improved to reuse the internal Balloon element from the OutSystems UI framework (based on the FloatingUI library), previously used solely by the OverflowMenu component.

  • ROU-4865 - Now, the client action DropdownClear has a new optional input parameter called SilentOnChangedEvent to control when to trigger the OnChange event of the DropdownSearch/Tags.
    This can cause a functional breaking change since the OnChange event was previously triggered by default.

  • ROU-4875 - Now, Dropdown Search and Dropdown Tags will be using the latest version of their library provider (VirtualSelect v1.0.44).

  • ROU-4882 - Now, OutSystems UI supports a new feature that allows disabling calls to the ECT_Provider endpoint for Mobile and Reactive apps. You can turn on this feature on the App Feedback back office. For more information, please check the release notes of Platform Server 11.28.0 (RPM-866).

 

Fixed Issues and Improvements:

  • ROU-4704 - Firefox now supports the :has() CSS selector.
    As such, all Firefox fallbacks on the OutSystems UI theme for the :has() selector were removed.

  • ROU-4814 - Fixed an issue that caused the Deprecated Carousel to be unable to move elements on Firefox.
    This occurred only for Firefox and when a Carousel contained only images.
    The extended attribute draggable=false will be added to each image to prevent the image from dragging inside the Carousel (only applicable for new instances of the Carousel so for existing ones this attribute needs to be manually added).

  • ROU-4821 - Fixed an issue that caused the DatePicker not to render correctly for multiple months.
    This occurred when the Flatpickr extensibility option “showMonths” was being used.

  • ROU-4863 - Fixed an issue that caused the DatePickers not to appear rendered in Service Studio.
    This occurred when used inside an OverflowMenu or Submenu component.

  • ROU-4868 / RPM-4872 - Fixed an issue that caused the DatePickers not to render the initial date.
    This occurred when the MinDate, MaxDate and InitialDate had the same value and the TimeFormat field was set to Disabled.

  • ROU-4872 / RPM-4873 - Fixed an issue that caused the Dropdown Search/Tags components to get their content blurry.
    This occurred when using Chromium-based browsers under specific window sizes/resolutions because of an issue with translate3D on these browsers when dealing with decimal pixels.

  • ROU-4881 - Fixed an issue that caused the Overflow Menu balloon to throw an error on the browser’s console. This occurred when the balloon was open and the end user navigated to the same page via the back button.

  • ROU-4890 / RPM-4912 - Fixed an issue that caused the SectionIndex to scroll to target locations using wrong offset values, not considering the Header height.
    This occurred when the screen composition contained multiple elements above the SectionIndex targets, like the Title Placeholder.

  • ROU-4898 / RPM-4898 - Fixed an issue that caused the DatePickerClear client action not to work on DatePickers. This occurred when the DatePicker component was configured using only one variable for the initial and selected date.

  • ROU-4902 - Fixed an issue that caused the DatePicker component to incorrectly disable some dates after selecting a first date.
    This occurred when the DatePicker had disabled dates (using DatePickerDisableWeekDays or DatePickerDisableDays client actions).

  • ROU-4903 / RPM-4946 - Fixed an issue that caused the Animated Label component to overlap the input content.
    This occurred when using an Animated Label alongside an input field with a type 'number'.
    It manifested when inputting numerical values followed by adding a '+', '-', or 'e', causing the label to descend and overlap the input field.

  • ROU-4908 - Fixed an issue that caused the MonthPicker keyboard navigation not to work properly when the first month was disabled.

  • ROU-4912 - Fixed an issue that caused the Date Picker component when in edit mode and with time enabled not to allow its inputted value to be deleted.
    This occurred when trying to delete the inputted value and close the DatePicker by clicking outside.


This new OutSystems UI version introduces soft-breaking changes

  • The Tooltip and DropdownServerSide components have been improved to reuse the internal Balloon element from the OutSystems UI framework (based on the FloatingUI library), previously used solely by the OverflowMenu component.
    This change introduces no platform-breaking changes.
    Nevertheless, slight variations in positional behavior may happen in runtime, particularly for Tooltip instances.
    These adjustments are inherited from the Balloon's integration of the FloatingUI library, which dynamically manages the positioning logic, ensuring adjustments as needed, particularly when the Tooltip boundaries appear outside the viewport. Furthermore, the classes osui-dropdown-serverside-is-opened and osui-tooltip-is-open are now exclusively applied to the Balloon element, mirroring their prior placement.
    These adjustments remove the need for these classes on the root element.
    Additionally, previously, DropdownServerSide and Tooltip instances lived outside the block context as direct children of the active-screen element, this restructuring maintains them within the original screen context, avoiding the need for class application at the root level. 
  • A new non-mandatory input parameter called SilentOnChangedEvent was added to the client action DropdownClear to control when to trigger the OnChange event of the DropdownSearch/Tags. This can cause a functional breaking change since the OnChange event was previously triggered by default. Still, based on feedback this was causing problems so, for consistency, we’ll offer out-of-the-box what we think is the best experience but still allow developers to change the behaviour if it fits their requirements. 


Because of these changes and the platform references model, all consumers need to have their references manually refreshed.
Functionally, no changes are expected

Known-Issues

  • When applying some specific zoom levels on a screen, the Dropdown Search/Tags components will continue their content blurry.
    ROU-4872 tackled the most common use cases but the VirtualSelect library still has some issues with Zoom.
  • This version has an issue in design time where the Tabs' content isn’t visible inside Service Studio.
    The fix will be included in the next release under the code ROU-10751/RPM-4988 but meanwhile to unblock the developers we can add the following CSS class:
    .osui-tabs:not(.osui-tabs--has-drag) 
    .osui-tabs__content-item:not(.osui-tabs--is-active)
    { -servicestudio-opacity:1; }
This has no impact on runtime.


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

Version 1.6.7

Stable
Application Package
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
Application Package
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