OutSystems UI

Stable Version 2.4.0 (O11)
Also available for 10
Published on 16:48 (6 hours ago) by 
Created on 28 June 2016
What’s new (2.4.0)

What’s new:

Phone and Tablet app templates now use the same theme as Reactive apps:

  • Consistent UI and CSS variables used across all apps, regardless of which app template you use:

    • This will only apply to new apps created from this updated version of mobile app templates, existing apps will have no changes.

  • Widgets and UI patterns were updated for better usage on mobile devices, both in browsers or native apps:

    • Heading font sizes were decreased

    • Buttons and Inputs size were increased

    • Neutral color usages across multiple UI patterns for better visibility and consistency

  • Tablet and Phone app templates have a new, improved layout, with a configurable menu for Tablet. To configure this option, change the value of the SideMenuBehavior input parameter:

    • Expandable: Toggle the menu on the side of the screen, pushing the content to the side

    • Overlay: Toggle the menu on the side of the screen, on top of the content

    • Visible: Menu is always visible on the side of the screen

  • Added new client actions to get device information, on the DeviceDetection folder:

    • GetBrowser - returns name of the browser being used

    • GetOS - returns the Operating System being used

    • GetIsTouch - returns True if the current device has touch capabilities

    • IsRunningAsPWA - returns True if the app is running as a PWA

Learn more about the updated App Templates in the OutSystems UI Website.


  • When navigating to a screen without permissions and login in, users are now redirected to the original screen instead of the home screen.

  • GetNetworkStatus was improved to return the right values when in a PWA.


  • Fixed an issue where the Accordion pattern was not updating with parameters change

  • Fixes RangeSlider and RangeSliderInterval behavior when resetting the patterns’ values and when setting values using inputs. 

Known issues:

  • When creating a new Tablet or Phone application, the primary color will not be applied automatically:

    • To apply the primary color, it needs to be through the Theme Editor

    • There is a CSS workaround to match the old customization with the new version in the app theme

    • This will only happen until the next update of Service Studio

  • When navigating back to a previous screen, on mobile apps, the scroll position is not being applied back to the position it was before.

Create amazing applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
Read More

Start creating amazing applications that run on any platform, iOS, Android and web, with one single framework. Take leverage of the pre-built reusable and fully integrated UI Patterns that can be totally customizable and extendable with the OutSystems visual language.

Visit www.outsystems.com/outsystems-ui for more information.

Reviews (7)
9 Feb
in version 2.3.2
Best guided app development system for android web-based app
23 Jan
in version 2.3.0
As a designer I am constantly frustrated by the disappearing of component examples I have been using in my designs and the lack of working examples of components. Reading documentation about components doesn't help me. I need to interact with components and be able to share them with others to interact with. The Sketch file of UI components is months out of date. Not a very designer-friendly site.
in version 2.2.5
Really useful!
Tons of new great components, with the usual quality.
Components, Libraries, Themes, UI & Widgets
Support Options
OutSystems Supported
Customers entitled to Support Services may obtain assistance through Support.
OutSystems UI has no dependencies.
Component Consumers
See all 2 consumers
Weekly Downloads