Design UI

• Inputs

  See what are the inputs available to use in your screens or blocks and how to use them.

  Featured Article:

  • Choose One Value from a List
  • Pick Only One Option in a Group of Choices
  • Switch or Toggle a Boolean Value

  See More

• Forms

  See how to implement forms and validate user inputs.

  Featured Article:

  • Use a Form to Group Input Widgets
  • Validate Form Inputs

• Images

  See how to use icons and images from different sources in your screens or blocks.

  Featured Article:

  • Use Icons
  • Display an Image

• Look and Feel

  Featured Article:

  • Change the Look of Widgets with Styles Editor
  • Cascading Style Sheets (CSS)
  • Design the Layout of Screens Using Placeholders

  See More

• Reuse UI

  Blocks are interface parts that can be reused in screens and other blocks.

  Featured Article:

  • Create and Reuse Screen Blocks
  • Propagate Changes From a Block to the Parent
  • Pass Data Between Blocks

  See More

• Navigation

  See how to navigate between screens and pass information between them.

  Featured Article:

  • Navigate to Another Screen
  • Pass Data Between Screens With Input Parameters
  • UI Flows

  See More

• Multilingual UI

  Learn how to create multilingual applications with OutSystems.

  Featured Article:

  • Multilingual Web Applications
  • Translations Behavior Editor

Articles in this Section

• Advanced UI Capabilities

  Use the Silk UI Framework, a collection of templates, samples and patterns, to build great-looking mobile and web responsive user interfaces.