OutSystems UI Web

Stable Version 1.8.6 (OutSystems 11)
Published on 18 May (8 days ago) by 
Created on 09 August 2018
Available in OutSystems versions:
OutSystems 11

Version 1.8.6

Stable
Current
Application Package
Published on 18 May (8 days ago) by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

Fixes:

  • SectionIndex has been improved to work on layouts without a header;
  • Now the UserInfo block keeps on Screen when zoom in on screen;
  • Now the buttons inside the Popup widget no longer take the full width of the Popup space when the width attribute is 6 col. We fixed the CSS rule that caused the issue;

Version 1.8.5

Stable
Application Package
Published on 23 Mar by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • The DropdownSelect console error no longer shows when you set the input attribute.
  • We fixed the DatePicker OnChange Event to be triggered properly when users change focus with the Tab key.

Version 1.8.4

Stable
Application Package
Published on 26 Feb by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • Fixes tabs’ behavior when there is a mismatch between the number of header items and content items.

  • Fixed the Carousel focus behavior where the Dropdown is closed automatically. 

Version 1.8.3

Stable
Application Package
Published on 14 Feb by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • OutSystems UI now supports Google Chrome’s SameSite and Secure cookies. 

  • Fixes the DatePicker behaviour while navigating through years if a minimum date and/or maximum date is set. Improves the look of disabled buttons. 

  • Fixes tabs’ behaviour when there is a mismatch between the number of header items and content items.

  • Fixed the Carousel focus behavior where dropdown is closed automatically 

Version 1.8.2

Stable
Application Package
Published on 29 Jan by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

Fixed Issues:

Fixed an issue introduced in the last release where DatePicker months and years were misaligned in IE11

Version 1.8.1

Stable
Application Package
Published on 27 Jan by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new


Fixed Issues:

  • The script that handled the responsive behavior of the Table widget in mobile was improved. Now, it no longer copies the whole HTML present in header cells, but only the text. 

    • This was done to prevent errors related to duplicated ID’s. As a consequence, this may cause some changes in your existing applications, if you had html elements in your table’s header. Now, they won’t appear on phones and tablets. 

    • This default behavior can be removed by using the “.no-responsive” class on the affected table widget.

  • Fixed a DatePicker issue that prevented it from rendering correctly in IE 10 e IE 11.

  • Fixed DatePicker onOpen and onClose events.

  • Fixed DatePicker arrow navigation on Year/ Month view.

  • Fixed issue that prevented ToggleButton to fire the checkbox onChange event when aligned to right.


Version 1.8.0

Stable
Application Package
Published on 13 Jan by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new
  • Notice:  Due to an unintended breaking change in OutSystems UI Web 1.7.9, versions 1.7.9 and 1.7.10 will be discontinued, while this version (1.8.0) continues the upgrade path from version 1.7.8:

    • If you are on version 1.7.8 or older: normal upgrade

    • If you are on version 1.7.9 or 1.7.10, all applications need to be republished


Fixed Issues:

  • DatePicker was deprecated and a new version was created with the capability to select an interval of dates. This was done in 1.7.9 but caused an unintended breaking change, so this version rolled back the change and added the DatePicker as a new pattern to avoid it. On the new DatePicker pattern, the library was updated to version 1.8.0 and was added ability to translate the today button, using the AdvancedFormat option.

  • RangeSlider and RangesliderInterval were deprecated. A new version was created updating the library  to version 14.1.1, with several improvements: 

    • Decimal values support and the wNumb library for advanced format use cases.

    • IsDisabled parameter. 

    • IsVertical and VerticalHeight parameters, to easily change to a vertical range slider.

    • Note: the library upgrade has changes on the CSS classes used, existing customizations may be lost and need to be applied again.

  • DropdownSelect was improved when used inside Modal and Popup Pattern.

  • The Modal Pattern was improved to have a scrollable area inside it’s content.


Improvements:

Accessibility

This release brings a lot of improvements on Accessibility compliance across the framework.
There’s a new parameter on the Layout blocks - AccessibilityConfiguration - with four options:

  • ResetTabindex - if set to true, this will reset the tabindex of all elements to ‘0’, to prevent misbehaviors from positive tabindex values

  • ShowFocus - if set to true, this will add a class to the body - is-focusable - that makes the outline on focus visible.

  • ShowSkipToContent - if set to true, this will show a link (visible only on focus), that allows you to skip navigation and focus on the first element in content.

  • Lang - use it to define the language of the html. This should be filled with the correct ISO language code.


New Accessibility server actions:

  • SetAriaHidden - Use this action to toggle the status of the aria-hidden attribute of an element.

  • SetFocus - Use this action to set the focus to an element.


Other improvements:

  • The values of the semantic colors - color-info, color-error and color-success were changed, to improve contrast.

  • Text color on FeedbackMessage of type Warning, is now black, to improve contrast.

  • The values of the text-neutral-colors (7-10)  and color-primary were changed, to improve contrast.

  • On Login Screen, the App’s name is now an h1 tag.

  • ToggleElement server action received improvements with tabindex and aria attributes manipulation, when toggling the element. Added a new optional input parameter for triggerButtonId, so that the trigger receives focus after closing.

  • LayoutPopup now has focus trapped inside when open, to allow cycling between elements when Tabbing.

  • Accordion now has aria-disabled and tabindex=”-1” when disabled

  • ButtonGroup has a new optional parameter - RadioButtonId. Use this parameter to bind the Id of the radio-button inside, to the For attribute on the label. 

  • Carousel now correctly changes the focus on navigation.

  • Dropdown now correctly shifts tabindex value when open or closed. 

  • Added hidden label around search input, on DropdownSelect.

  • FloatingActions now correctly changes aria and tabindex attributes dynamically.

  • Added tabindex=”-1” to all elements inside Modal, when closed, to disable navigation with tab.

  • Removed onBlur event on Tooltip.

  • Removed tabindex from links inside NavigationBar.

  • Sidebar now has focus trapped inside when open, to allow cycling between elements when Tabbing. Added tabindex=”-1” to all elements inside it, when closed, to disable navigation with tab.

  • On Tabs, added logic in order to manage the tabindex and the arrows keyboard behaviours, and reset all the “aria-labelledby” attributes for the TabsContentItems

  • On Timepicker, added role=”option”.

  • Disabled keyboard events on ButtonLoading, when IsLoading is true.


Version 1.7.10

Discontinued
Application Package
Published on 25 November 2019 by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new


Improvements:

  • When creating new applications, the primary-color customization CSS is no longer in the application theme, it now uses the Theme Editor instead. This requires Service Studio 11.6.11


Fixed Issues:


  • Fixed alignment issues on time inputs and StackedIcon.

  • Fixed disabled input styles, when used inside a Form.

  • Fixed radio-buttons and checkboxes hovering showing a caret cursor inside a Form.

  • DropdownSelect max-height value was adjusted, on Phone landscape, to avoid appearing behind the header.

  • DropdownSelect z-index value adjusted to avoid overlapping tabs-header.

  • Fixed an issue where DropdownSelect is not fully visible inside Accordion and Modal Pattern.

  • On Internet Explorer and Edge, the class "Filters_Wrapper" no longer uses the CSS property "display:flex". 


Version 1.7.9

Discontinued
Application Package
Published on 22 October 2019 by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

New Features:

  • Added new UI Pattern - Button Loading. This pattern comes with a button widget that can be set to a loading state, with a spinner animation.
  • DatePicker has a new optional parameter, selectInterval, to allow the selection of a range of dates. This is a breaking-change, you will need to refresh references to OutSystems UI Web.
  • Added Layout Website and Layout Section for migration process between Silk UI and OutSystems UI Web


Fixed Issues:

  • Fixed clicking checkbox in TableRecord’s header, on mobile.
  • Improved script for responsive Tables to run only on Mobile. Using the class .no-responsive on the TableRecords,  will now correctly stop the script from running at all.
  • Class .select no longer adds background styles when used with a ListBox
  • Fixed issue that prevented containers to be correctly used on Title and Actions placeholders



Version 1.7.8

Stable
Application Package
Published on 02 October 2019 by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new
  • Layout Top Menu and Layout Side Menu application templates were merged into a single Traditional Web template
  • The template includes both layouts and uses the Top Menu by default
  • To use the Layout Side Menu, change the layout on the application Theme

Version 1.7.7

Stable
Application Package
Published on 11 September 2019 by OutSystems R&D
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET
What's new

Updated to support external authentication providers for end-users. This version is only compatible with OutSystems Platform Server 11.0.542.0 (Release Jul.2019 CP2) or later.


https://www.outsystems.com/whats-new/saml-authentication-web-apps/

Version 1.7.6

Stable
Application Package
Published on 04 September 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • Improved DatePicker year selection UX: selecting a year from the year range will now select and close the selection instead of navigating to the previous or next set of years, which was preventing certain years from being selected.
  • Fixed an issue where the year range was not being updated with the current selection.

Version 1.7.5

Stable
Application Package
Published on 13 August 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • Fixed the Sidebar rendering issue when used inside Tabs
  • Fixed an issue with the TimePicker being used in Blocks with Ajax Refresh
  • Improved Table behavior inside Columns to make sure words don’t break





Version 1.7.4

Stable
Application Package
Published on 08 July 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new


New Features:

  • Added new optional Event OnClickOverlay, on Sidebar


Fixed Issues:

  • Improved responsive preview on Service Studio
  • Fixed an issue regarding ToggleButton inside a form.



Version 1.7.3

Stable
Application Package
Published on 24 June 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

Fixed Issues

  • Added client side validations to DropdownSelect pattern.
  • Improved touch events  on the DropdownSelect pattern when used in iOS devices.

Version 1.7.2

Stable
Application Package
Published on 20 May 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • Fixed an issue in the DropdownSelect pattern where it would throw an error if the dropdown Id was not found.


Version 1.7.1

Stable
Application Package
Published on 07 May 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

Fixed Issues:

  • Fixed an AjaxRefresh issue that would cause the TableRecords’ header to be replicated while in the mobile viewport.


Version 1.7.0

Stable
Application Package
Published on 08 April 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

New Features:

  • StartEmpty Input Parameter was added in the DatePicker.

Fixed Issues:

  • Accessibility on Tooltip and Balloon was improved and now works properly on IE11.
  • DropdownSelect was improved when the ComboBox and ListBox are invalid.
  • Tabs were improved to prevent multiple events.
  • Added CSS Classes for sizes in Input Widget.
  • Removed unused dependencies to improve the compilation of each app.
  • Radio Button and Checkbox are now visible inside Service Studio when they don't have the style applied 

Version 1.6.0

Stable
Application Package
Published on 25 March 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

New Actions:

  • Added new Carousel actions: GoTo, Next and Previous


Fixed Issues:

  • Fixed the styles on the AnimatedLabel when it is not valid inside Form Widget
  • Fixed an issue that prevented to select a Table Records when used inside of a Modal in Service Studio
  • Improved the AnimatedLabel behavior with autofill across all browsers
  • Added a CSS class ‘’.no-responsive’  to use on Table Records widget, making it non-responsive, keeping the desktop styles.

Version 1.5.3

Stable
Application Package
Published on 25 February 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

New action:

  • Migration of the ShowPassword action from OutSystems UI Mobile to OutSystems UI Web with renaming to TogglePassword

Fixed Issues:

  • GetDevice action now returns “desktop” by default if there is no cookie stored (first load)
  • Improved performance of the SearchBalloon pattern
  • Improved the responsive UI by default in the TableRecords Widget when not using the ResponsiveTableRecords with it
  • The Carousel pagination CSS was improved to follow the conventions of the UI framework
  • AnimatedLabel now works properly when there's auto complete

Version 1.5.2

Stable
Application Package
Published on 05 February 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

Fixed issue:

  • Fixed an issue with Service Studio preview of UI patterns introduced on the last release.

Version 1.5.1

Stable
Application Package
Published on 04 February 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

New Feature:

Tabs now have the OnTabChange Event.

New Actions:

TextEllipsis (Text). This action cut off the text to input size ending with the desired Number of Chars

Fixed Issues:

  • Improvements on Internet Explorer 11:
    • Progress Bar was improved when used as IsInline
    • Buttons margin were improved to work properly
    • Badge, UserInitials, and Tag now accepts the Background Transparent
    • Progress Circle now renders properly
    • Wizard now displays correctly the label when used in the top
    • Card Background now displays properly the image
    • AnimatedLabel was improved
    • ListNavigation of TableRecords is now correctly aligned
    • Floating Actions was improved when using the Right-to-left feature

  • The Main Content was improved when the class .ThemeGrid_Container doesn’t exist
  • Toggle Button was refactored to work correctly. CSS is now applied to the classes in ToggleButton instead of the pseudo-element selectors :before :after in the Checkbox Widget
  • Layout Menu Top and Layout Menu Side no longer shows a JavaScript error if Header Content Placeholder doesn’t exist
  • Responsive Table Records now works properly when an Ajax Refresh occurs
  • Feedback Message was improved to render well when is triggered on Preparation
  • Layout Popup now sets the correct classes from Device Detection
  • Gallery now applies a width to the elements instead of the flex properties and the margin-top is now equal to the margin-left
  • Sidebar was improved when used in Phone
  • z-index was increased in Floating Actions, and a pointer-events: none was added to prevent showing other patterns when the floating actions are closed

Version 1.5.0

Stable
Application Package
Published on 21 January 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
.NET
What's new

New Patterns:

  • TimePicker

New Actions:

  • SetHourFor12hFormat (TimePicker)

Fixed Issues:

  • Removed the 'X' from inputs in IE11 and Edge browsers

  • The styles in DropdownSelect were improved.

  • Improved code compatibility for IE11 and Edge in LightboxImage

  • Wizard was improved when used with ListRecords

  • ButtonGroup is now fully responsive

  • Wizard now renders properly on IE11 when set as vertical

  • The Menu in Top Menu Template is now scrollable when is in Tablet and Phone

  • TableRecords was improved inside LayoutPopup 

Version 1.4.1

Stable
Application Package
Published on 07 January 2019 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All
What's new

Fixed Issues:

  • Add sizes for UserInitials (similar to Badge and Tag)
  • ButtonGroup improvements when used with Lists and Forms
  • Search, MenuDropdown, Dropdown and DropdownSelect improvements on RTL

Version 1.4.0

Stable
Application Package
Published on 24 December 2018 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All
What's new

New Patterns:

  • Animate
  • Fieldset
  • Flip Content
  • Floating Actions

New Actions:

  • ToggleFlipContent (Flip content)
  • ToggleAnimate (Animate)

Fixed Issues:

  • ColumnsMediumLeft Service Studio preview improved
  • DropdownSelect when have empty value, now receives the first item of the list
  • DropdownSelect searchEnabled now works properly on ListBox            
  • DropdownSelect improved css with ListBox
  • Improved Device Detection to work with Preview in devices
  • Improved ButtonGroup when used with labels
  • Balloon and Tooltip was improved to be visible above side menu and header
  • Modal now is scrollable when his content is higher than the size or appears in small screens 
  • Tooltip now have a cursor pointer when the trigger is Click
  • Patterns preview inside Service Studio were improved
  • Tooltip now works properly inside the header of a table
  • ToggleActions were improved to prevent errors
  • Accordion now prevents multiple clicks
  • Accordion was improved when an orientation change occurs
  • Changed the position: sticky in header and side menu to position: fixed
  • Rendering performance was improved in IE11     
  • SectionIndex was improved to get the focus after the scroll
  • Buttons work properly side by side while on IE11 and Edge
  • Static Entities were updated with new icons

Version 1.3.0

Stable
Application Package
Published on 07 December 2018 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All
What's new

Updated references to Charts Web 1.1.1

New Patterns

  • Character Count
  • Load on Visible
  • Section Index
  • Stacked Icon
  • Video

New Actions

  • Pause (Video)
  • Play (Video)
  • Scroll to Element

Fixed Issues

  • Fixed an issue where writing spaces on inputs inside the Tabs pattern was not allowed.
  • The IsLight parameter in Badge, UserInitials, Tag and IconBadge was improved when used with Primary, Secondary and Neutral Colors.
  • ToggleButton no longer has a black background in iOS Devices.
  • CardSectioned was improved for Internet Explorer 11 and 10.
  • ButtonGroup now works properly with List Records.
  • Right-to-Left (RTL) in ButtonGroup was improved.
  • InputWithIcon was improved to work properly in Edge.
  • Badge now displays 99+ instead +99 when the number is over 99.
  • Improved Side Menu Layout for Internet Explorer 11 and 10.
  • Improved responsive of the FeedbackMessage.
  • Improved the inline styles in Email Patterns.
  • Preview of the Accordion pattern inside Service Studio was improved.
  • Fixed a typo in Layout login screens.
  • CardBackground Position was improved for Internet Explorer 11 and 10 when used inside Containers.
  • Bullets have improved styles for margins and paddings.
  • DatePicker is now visible when used inside the Sidebar.
  • NavigationBar is now sticky in Safari and iOS devices.
  • Improved the ProgressBar margin when used without values on top.
  • SearchBalloon no longer overrides the OnChange event of the search input.
  • Improved the Table of Contents in BaseTheme.css.

Version 1.2.1

Stable
Application Package
Published on 27 November 2018 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All
What's new

Updated references to Charts 1.1.0.

New Patterns:

  • NavigationBar
  • ProgressCircle

Improvements:

  • Fixed problem with Scaffolding inside Side Menu Template
  • ColumnsItemSize entity was removed
  • Tooltip has been upgraded, the 'AdvancedFormat' parameter was added.

Version 1.2.0

Stable
Application Package
Published on 12 November 2018 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All
What's new

New Patterns:

  • Bullets
  • Iframe
  • Carousel


Breaking Change:

  • In order to perform the Balloon improvements, the pattern now uses a different Position entity, this will require you to use the “Force install” button from the Forge and then refresh references and change the value of the position entity.


Improvements:

  • The Balloon pattern now accepts AdvancedFormat options, uses a simpler entity for the position and supports events.
  • The BlankSlate Position parameter now has a default value to center the content and uses the Icon widget as sample content.

Version 1.1.0

Stable
Application Package
Published on 22 October 2018 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All
What's new

New Patterns

  • Lightbox
  • ChatMessage
  • DisplayOnDevice
  • MoveOnDevice


Improvements

  • AlignCenter now takes 100% height of it's parent container
  • Improved ButtonGroup preview in Service Studio
  • Improved the Login screen logic for both Layout Side and Top menu


Fixed issues

  • Fixed an issue while positioning the Balloon in Firefox and Edge browsers
  • Fixed the position of content inside the CardBackground in IE11
  • Fixed an issue where the DatePicker inside the Modal was not visible
  • Fixed an issue where the SearchBalloon would not work properly inside If widgets
  • Fixed an issue detecting devices when using popups
  • Fixed an the bottom position on the Tooltip pattern

Version 1.0.2

Stable
Application Package
Published on 04 October 2018 by OutSystems R&D
Requirements
Platform:
11.0.0.200
Database:
All
Stack:
All

Version 1.0.0

Draft
Application Package
Published on 11 September 2019 by Huarlem Lima
Requirements
Platform:
11.0.542.0
Database:
All
Stack:
.NET