Give us feedback
outsystems-ui
Reactive icon

OutSystems UI

icon_supported
Stable version 2.11.0 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded on 18 Sep (8 days ago) by 
4.6
 (110 ratings)
outsystems-ui

OutSystems UI

Created on OutSystems 11

Version 2.11.0

Stable
Current
See documentation
Application Package
Uploaded on 18 Sep (8 days ago) by Platform Maintenance
Compatible with:
Version 11
11.12.0 or higher
Database:
All
What's new

What's New:

  • ROU-3279 - Now, the Dropdown Search and Dropdown Tags patterns have an optional configuration (NoOptionsText) that allows you to set the message that is displayed when the data source returns no values.
    Now, the correct default value appears when an empty string is assigned to NoResultsText in the Dropdown Search and Dropdown Tags.

  • ROU-3586 - Now, all UI patterns based on external libraries (Carousel / DatePicker / DatePickerRange / DropdownSearch / DropdownTags / RangeSlider / RangeSliderInterval) have new capabilities for further extensibility for all provider-supported configs and events. This is the first version of this new feature.
    Each pattern will have the following 3 new client actions:
    • Set[LibraryName]Configs 
    • Set[LibraryName]Event 
    • Unset[LibraryName]Event.
  • ROU-3649 - Created two new client actions - CarouselDisableOnRender and CarouselEnableOnRender - to improve performance on these use cases, by avoiding unnecessary destroy/init cycles of the Carousel.
  • ROU-3680 - Now, in the Dropdown Search and Dropdown Tags, the input SelectedOptions was renamed to StartingSelection in order to be easier to understand its purpose.


For more details, please check this forum post!


Fixed Issues and Improvements:

  • ROU-3406 - Now, in order to align the framework namespaces across other UI components, the global namespace was changed to OSFramework.
  • ROU-3479 - Updated the Carousel provider library (Splide.js) to version 4.0.7.
  • ROU-3537 - Now, the Datepicker's Today button will also be translated accordingly with the locale set.
    Removed Assamese language from the DatePicker's default language since it's not supported by the provider.
  • ROU-3543 - Fixed an issue in the Date Picker's input alignment on iOS15+.
  • ROU-3596 - Fixed an issue when using Carousels inside a Scrollable Area.
  • ROU-3597 - Updated moment.js library to version 2.29.4, used by the DEPRECATED_DatePicker. 
  • This update is important to address security vulnerabilities on the moment.js version we were using (2.24).
  • We expect no impact on the DEPRECATED_DatePicker input parameters behaviour. However, please validate any custom options used on AdvancedFormat, especially related to Date Format, as the new version might bring some unexpected changes.
  • ROU-3633 - Fixed an issue on the dropdown widget that, when with the option content set to custom was not aligning properly with the elements inside it.
  • ROU-3649 - Fixed an issue on Carousel that was causing it to go back to the first item, every time there was a dynamic change in runtime on the carousel items.
  • ROU-3650 - Fixed an issue on the client action SetActiveTab that was not setting the active content (only the header).
  • ROU-3651 - Now, the Today button in the Date Picker will also trigger the OnSelected event.
  • ROU-3652 - Removed the deprecated label from the ActionSheet component that was not properly categorized.
  • ROU-3654 - Fixed an issue where the active Tab indicator was not properly updated when the number of Tab Headers was different from the 
  • ROU-3659 - Fixed an issue on the Tabs UI Pattern that was causing a scrollbar to appear unnecessarily.
  • number of Tabs Contents.
  • ROU-3677 - Fixed an issue on the function SkipToContent that was not working as expected when trying to focus the content element.
  • ROU-3715 - Fixed an issue on the ScrollToElement client action that was not working correctly when the offset input parameter is used.
  • ROU-3728 - Fixed an issue that was affecting the DropdownSearch and DropdownTags visibility inside Sidebars and Popups, due to a z-index conflict. The new z-index value for DropdownSearch and DropdownTags is 251.
  • ROU-3749 - Fixed an issue on the Bottom Sheet that was logging an error on the browser's console on some scenarios where we open/close it.


⚠ This new OutSystems UI version introduces soft breaking changes.

  • In the Dropdown Search and Dropdown Tags, the input SelectedOptions was renamed to StartingSelection and have a new optional configuration (NoOptionsText)

Version 2.10.0

Stable
Application Package
Uploaded on 25 Jul by Platform Maintenance
Compatible with:
Version 11
11.12.0 or higher
Database:
All
What's new

What's New:

  • New pattern BottomSheet.
  • Deprecated the Tabs and a new version was created, converted to the new architecture. 
  • Deprecated the SectionIndex and a new version was created, converted to the new architecture.
  • ROU-3255 - Created a new client action that disables the Dropdown's default behavior to open as a popup on mobile apps.
  • ROU-3288 - Created new client actions to disable/enable Tab Header Items.
  • ROU-3346 - Using the new SetCarouselDirection client action, users can now choose the direction of the Carousel's navigation when in autoplay.
  • ROU-3426 - Added a new client action to the Sidebar pattern to toggle the swipe feature.
  • ROU-3437 - Added a new client action to reset the Progress Bar and Progress Circle to their initial value.
  • ROU-3464 - Created the new DatePickerSetEditableInput and DatePickerRangeSetEditableInput client actions. These client actions allow the date to be set by entering it in the input at runtime.
  • ROU-3386 - Created new client actions to set new values on the Range Slider and Range Slider Interval patterns and to reset the patterns to their initial state.
  • ROU-3502 - Added a new client action to the Date Picker pattern to toggle the native behavior in mobile apps.


For more details, please check this forum post!


Fixed Issues and Improvements:

  • ROU-2520 - Fixed an issue caused by clicking a button multiple times on the Action Sheet pattern preventing the Action sheet from closing.
  • ROU-3098 - The Tooltip balloon is now detached from the tooltip icon which solves several issues related to overflow:hidden contexts. Notice that custom CSS can be affected by this.
  • ROU-3412 - Now, the SetLang client action sets the lang attribute correctly in the HTML.
  • ROU-3457 - Now, when navigating to another screen, the Floating Actions pattern is properly destroyed.
  • ROU-3460 - Fixed an issue with the Dropdown Search and Dropdown Tags patterns that prevented the user from navigating with the browser's back and forward buttons when the URL is entered manually.
  • ROU-3461 - Fixed the Service Studio preview of the Timeline Item pattern.
  • ROU-3490 - Fixed an issue with the Tabs pattern that prevented the element width from being set when the element inside the Tab content was dynamic.
  • ROU-3496 - Fixed an issue with the Dropdown Search and Dropdown Tags patterns that caused the content balloon to overlap the UI element. Now you can lock the width of the columns inside the Gallery pattern. This prevents the elements inside the Gallery pattern from pushing the columns outside of the screen or applying different column widths.
  • ROU-3501 - Fixed an issue with the AddFavicon client action that failed when used on the OnApplicationReady system event.
  • ROU-3509 - Improved Accessibility on UserAvatar UI Pattern by adding a missing aria-role.
  • ROU-3518 - Now, the Dropdown Search and Dropdown Tags patterns are properly destroyed when DropdownEnable or DropdownDisable client actions are used.
    Also, note that the GetAllDropDownItemsInScreen method through OutSystems API (javascript node), was renamed to GetAllDropdowns.
  • ROU-3533 - Fixed an issue that prevented some client actions from working correctly due to the OutSystemsUI.js file not being loaded when the client actions are in use. Now, by default, the OutSystemsUI.js file is loaded for all actions that are not UI pattern related. This includes the DeviceDetection, Utilities, Network and Accessibility actions.
  • Also, the SetLocalLanguage and SetServerDateFormat settings are now private since they're only used internally by the framework and should not be exposed as client actions.
  • ROU-3549 - Fixed an issue with the User Avatar widget when used with an image. The classes in the extended class were not being added to the image classList, causing this parameter to be ignored when an image was provided.
    If some use cases have logic to switch between showing an image and showing initials, and you have an extended class, the User Avatar will work correctly.
  • ROU-3553 - Fixed an issue with the Dropdown Search and Dropdown Tags patterns that caused them to display incorrectly when in popup mode and used inside the Tabs and Accordion patterns.
  • ROU-3570 - Fixed an issue that caused the Checkbox widget to be incorrectly aligned inside a table.
  • ROU-3574 - Created a new LayoutDestroy client action to correctly remove events. For previously created applications, you can get the dependency for this client action and assign it to the Layout block.
    Now, body inline CSS variables containing viewport and header and footer height will be updated when the screen orientation changes.
    The notch property has been removed from the window object (window.notch). Now, to get the notch position, you must use OSUIFramework.Helper.NotchPosition.
  • ROU-3577 - Fixed an issue that was causing the Tabs Patterns to cut 1px pixel of the content, in some browsers and screen sizes.
Created on OutSystems 10

Version 1.6.7

Stable
Application Package
Uploaded on 22 October 2019 by Platform Maintenance
Compatible with:
Version 11
Version 10
Stack:
.NET
Database:
All
What's new

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 Platform Maintenance
Compatible with:
Version 11
Version 10
Stack:
.NET
Database:
All
What's new

Fixed Issues:

  • JSONSharp license information was removed from the Licenses text