OutSystems UI

Stable Version 2.1.0 (O11)
Also available for 10
Published on 12 Jul (6 days ago) by 
Created on 28 June 2016
What’s new (2.1.0)

General

  • Upgraded to OutSystems platform 11.0.523.0
  • Added ExtendedClass optional input parameter across all patterns.
  • Added IsDesktop client action.
  • Added TextEllipsis client action.
  • Entity Color was deprecated and replaced by a new Color Entity with more color options.


In this version, 21 patterns were deprecated. For more information about each one, check the relative section of that pattern below.


Adaptive

Columns

  • These patterns are now deprecated. Please, replace with the new version. Beware that the new version no longer has parameters for setting columns for Landscape breaks.
  • ColumnsMediumRight and ColumnsMediumLeft were added.
  • GutterSize optional parameter was added to define the space between columns.


DisplayOnDevice

  • Added placeholder for Desktop.


Gallery

  • This pattern is now deprecated. Please, replace with the new version. Beware that the new version no longer has parameters for setting items for Landscape breaks.
  • New Gallery created, now built using CSS Grid.
  • New optional parameter for ItemsInDesktop, to support Desktop.
  • GutterSize optional parameter was added to define the space between items.


MasterDetail

  • This pattern is now deprecated. Please, replace with the new version of MasterDetail (previously named SplitScreen).


SplitScreen

  • Changed name to MasterDetail.
  • Added the new optional parameter - Height - to set this block’s max-height.


Content

Accordion

  • New UI pattern, to arrange the content by having vertically stacked tabs that expand when clicked. This pattern should be used with AccordionItems (previously named SectionExpandable).


CardAction

  • Due to low usage metrics and weak compliance with UX best practices, this pattern is now deprecated. Please, beware that there’s no direct replacement for it.


CardBackground

  • This pattern is now deprecated. Please, replace with the new version of CardBackground.
  • New CardBackground created, with new Color Entity.


CardSectioned

  • Added new placeholder - Image.
  • Added the new optional parameter - ImagePadding -  to apply (default) or remove the padding around the Image.
  • Added the new optional parameter - IsVertical - to toggle this pattern orientation.


Section

  • Removed unnecessary div around Title placeholder.
  • Added div around the whole pattern, with the new class “section”, which also is affected by the ExtendedClass parameter.


SectionExpandable

  • Renamed to AccordionItem. It can now be used with new pattern Accordion, to take advantage of  accordion behaviors.
  • Added the new optional parameter - IsDisabled - to remove click events and give disabled styles.


SectionGroup

  • Removed StickyHeaders script. Now uses CSS with position: sticky.
  • Added new optional parameter - TopPosition - to set the top position.


Tag

  • This pattern is now deprecated. Please, replace with the new version of Tag.
  • New Tag created, with new Color Entity and added new behaviours:
    • Optional parameter for Size.
    • Optional parameter for Shape.
    • Optional parameter for IsLight.


Tooltip

  • Added the new optional parameter - IsHover - that allows the trigger to be “hover”, instead of “click”.


UserAvatar

  • This pattern is now deprecated. Please, replace with the new version of UserAvatar.
  • New UserAvatar created, with new Color Entity and added new behaviours:
    • Optional parameter for Size.
    • Optional parameter for Shape.
    • Optional parameter for IsLight.


Interaction

AnimatedLabel

  • Improved the AnimatedLabel behaviour with autofill across all browsers.


Carousel

  • Added support for Mouse events on Desktop.
  • Added optional input parameters for ItemsTablet and ItemsDesktop.


DatePicker

  • Added optional input parameter InputWidgetId - this allows to bind it to an Input Element that will trigger the datePicker to be visible.
  • Added optional input parameter ButtonWidgetId - this allows to bind it to a Button Element that will trigger the datePicker to be visible.
  • Added optional input parameter StartEmpty - this allows to define if the input (when InputWidgetId is used) starts empty.
  • Added optional input parameter DateFormat - this allows to define custom date formats. Defaults to the date format defined in the server configuration.
  • Added optional parameter - ShowTodayButton.
  • Pikaday Library was upgraded to version 1.8.0.


FloatingActions

  • This pattern is now deprecated. Please, replace with the new version of FloatingActions.
  • The new version of FloatingActions now contains specific placeholders for Button Icon and for Items.
  • Added the new optional parameter - IsHover - that allows the trigger to be “hover”, instead of “click”.


FloatingActionsItem

  • New pattern, to be used inside FloatingActions Items placeholder.


Notification

  • Fixed an issue where the notification doesn’t open after closed by tap.


Sidebar

  • Added optional OnToggle event.


StackedCards

  • Added support for MouseEvents


Navigation

Tabs

  • This pattern is now deprecated. Please, replace with the new version of Tabs.
  • Created new Tabs Pattern, along with TabsContentItem and TabsHeadertItem.
  • The new version of Tabs now contains specific placeholders for TabsHeaderItem and for TabsContentItem.
  • New Tabs have new optional parameters:
    • IsVertical.
    • IsRight
    • IsJustified


TimelineItem

  • Added the new optional parameter - Color


Wizard

  • This pattern is now deprecated. Please, replace with the new version of Wizard.
  • Created a new one, with the optional parameter:
    • Orientation


WizardItem

  • This pattern is now deprecated. Please, replace with the new version of WizardItem.
  • Created a new one, with the optional parameter:
    • UseTopLabel, to change label position.
  • New placeholder for icon.


Pagination

  • New pattern, to allow page navigation on tables and lists.


Numbers

Badge

  • This pattern is now deprecated. Please, replace with the new version of Badge.
  • New Badge created, with new Color Entity and added new behaviors:
    • Optional parameter for Size.
    • Optional parameter for Shape.
    • Optional parameter for IsLight.


Counter

  • This pattern is now deprecated. Please, replace with the new version of Counter.
  • New Counter created, with new Entity Color.
  • Added the new optional parameter - IsVertical


IconBadge

  • This pattern is now deprecated. Please, replace with the new version of IconBadge.
  • New IconBadge created, with new Entity Color.
  • Added the new optional parameter - IsLight.


ProgressBar

  • This pattern is now deprecated. Please, replace with the new version of ProgressBar.
  • New ProgressBar created, with new Entity Color.
  • Added the new optional parameter - Shape.


Utilities

Separator

  • Added new optional parameter IsVertical, to change the orientation between horizontal and vertical.
  • Added new optional parameter Space, to choose the margins of the separator.
  • Added new optional parameter Color, to choose the color of the line.
  • On refresh, it will be needed to add the new used Entity: Space.


Mouse Event

  • New pattern, to Enable mouse events on a specific widget.


VerticalAlign

  • Changed name to AlignCenter.
  • Added new optional parameter IsVertical, to choose between aligning on the Y or X axis.
Details
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.

Reviews (3)
21 Jun (4 weeks ago)
in version 2.0.9
It has great components and easy to use. 
11 Jun
in version 2.0.9
Great and simple to use!
26 Apr
in version 2.0.9
best templates
Category
UI & Widgets, Libraries, Components, Themes and Templates
Support Options
OutSystems Supported
Customers entitled to Support Services may obtain assistance through Support.
Dependencies
OutSystems UI has no dependencies.
Requirements
Platform:
11.0.523.0
Database:
All
Stack:
.NET
Component Consumers
See all 2 consumers
Weekly Downloads