Smart Elements

Stable Version 1.0.1 (Compatible with OutSystems 11)
Published on 27 Jul (22 hours ago) by 
0.0
 (0 ratings)

Smart Elements

Details
The 'SmartElements' is a library module composing a set of UI components that bring in new experience with developing in Outsystems. At high level > It provides an enhanced iFrame concept with duplex communication between the hosting page and the content page. > It provides a Tab control with dynamic tab management.
Read More

The 'SmartElements' is a library module composing a set of UI components that bring in new experience with developing in Outsystems.

Component List:

  1. ButtonGroup: A dynamic button group implementation with multiselect mode. In native the ButtonGroup element the list of the button group items is limited to design time, overcome the limitation with this UI component that accepts a list as input variable.
  2. SmartLabel: A label component with a placeholder to show a horizontal line next to the label element. The component has settings that will allow you to change the position, thickness and color or the horizontal line. Also, there is a setting to style the horizontal line to display like an underline.
  3. SmartiFrameHost: iFrame component powered by iframe-resizer javascript library enabling auto-sizing the iFrame element to the content page and establishes duplex communication between the iFrame element and the content page
  4. SmartiFrameHook: A supporting component for the "SmartiFrameHost" that is plugged with the content page serving the hook to the iFrame element.
  5. SmartTabs: The SmartTabs consists of three elements
    1. SmartTabs: The main tab control hosting the tab headers and the tab contents
    2. SmartTabHeaderItem: The component to display a tab header with icons for status, close tab
    3. SmartTabContentItem: The component to tag with the tab header to display specific content on the selected tab.

Actions List:

  1. SmartIFrameHost: A set of actions that can be used at the iFrame hosting page to pass messages to the content page.
  2. SmartIFrameHook: A set of communication actions that extends the functionality of a content page in passing messages to the parent iFrame element.
  3. SmartTabs: Set of actions for programmatical tab management such as setting active tab, closing a specific tab and setting a status of a tab
  4. SmartUtils: A miscellaneous actions such as generating "LoremIpsum" and getting ContentStatus list.
What’s new (1.0.1)

Added new components such as ScrollPrgressbar (with rainbow shade), IdleTimer (SSO supported timeout control)

Reviews (0)
More from Arun Kumar