Skip to main content

 

 

 

 

Template:OutSystems/Documentation_KB/Breadcrumb_New_Layout

 

 

Template:OutSystems/OSLanguageSwitcher

 

 

 

OutSystems

Designing Screens

Template:OutSystems/Documentation_KB/ContentCollaboration
  • Edit
    Collaborate with us
    Edit this page on GitHub
  • We've been working on this article. Please let us know how useful this new version is by voting.

    This page contains reference information on elements available for designing screens.

    Select an element from the list below for detailed information about it.

    Articles in this Section

    • Block Widget
      Reference information on the Block widget available for displaying a reusable screen element on a screen.
    • Button
      Reference information on the Button widget for triggering an action on a screen.
    • Button Group
      Reference information on the Button group widget available for adding a set of buttons for users to select a single option on a screen.
    • Button Group Item
      Reference information on the Button group widget available for adding a set of buttons for users to select a single option on a screen.
    • Checkbox
      Reference information on the Checkbox widget for allowing the user to check or uncheck an option on a screen.
    • Container
      Reference information on the Container widget for grouping widgets and applying styles to them on a screen.
    • Dropdown
      Reference information on the Dropdown widget for showing a dropdown list for the users to select a value on the screen.
    • Expression
      Reference information on the Expression widget for displaying a text literal or an expression to calculate at runtime on the screen.
    • Form
      Reference information on the Form widget for specifying a collection of user inputs that share the same validation context, on the screen.
    • HTML Element
      Reference information on the HTML Element widget for adding a custom HTML element to the screen.
    • Icon
      Reference information on the Icon widget for adding a scalable vector picture as an icon to the screen.
    • If Widget
      Reference information on the If widget for displaying content on the screen based on a condition.
    • Image
      Reference information on the Image widget for displaying an image on the screen from a defined source.
    • Input
      Reference information on the Input widget for allowing users to input data on a screen.
    • Label
      Reference information on the Label widget for allowing users to add text labels on a screen.
    • Link
      Reference information on the Link widget for allowing users to have clickable links on a screen.
    • List
      Reference information on the List widget for allowing users to get a list of records on a screen.
    • List Action
      Reference information on the List Action widget for allowing you to define the behavior when swiping the correspondent List Item, which can be executing a screen action or navigating to another screen.
    • List Item
      Reference information on the List Item widget for allowing you to displays a list item with full swipe behavior capability, containing a List Action widget to define the swiping behavior.
    • Placeholder Widget
      Reference information on the Placeholder widget for reserving space in your block for filling when the block is used.
    • Popover Menu
      Reference information on the Popover Menu widget for adding a container that opens when the user taps an element or a region.
    • Popup
      Reference information on the Popup widget for adding floating container/window (modal container) above other screen content.
    • Radio Button
      Reference information on the Radio Button widget for representing an option within a Radio Group on a screen.
    • Radio Group
      Reference information on the Radio Group widget for adding groups of two or more Radio Buttons
    • Switch
      Reference information on the Switch Group widget for adding two-state toggle controls to allow users to select between two options.
    • Table
      Reference information on the Table widget for displaying data in cells distributed in rows and columns. The tables created with Table Widget support automatic pagination, sorting, and dragging Attributes to add columns.
    • Text Area
      Reference information on the Text widget for adding a multi-line field to hold text typed by the users.
    • Text Widget
      Reference information on the Text widget for enclosing the text that users type in your screen or block.
    • Upload
      Reference information on the Upload widget for allowing the users to browse and select a local file to upload into the application.
    • Was this article helpful?