Skip to main content

Developing an Application

 

OutSystems

Screen

Screen is an interface element that has other elements for user interaction. Use Screens to create web pages and mobile screens in your apps. Add a new Screen in the New Screen window. A new Screen can be empty or, if created from a Screen Template, with some predefined content.

You can group the Screens into UI Flows of the Interface tab. An app created from one of the default app templates has the default MainFlow UI flow.

Create an empty Screen

Follow these steps to create an empty Screen. An empty Screen has only the basic layout.

  1. On the Interface tab, locate UI Flows, and in it MainFlow. Right-click MainFlow and click Add Screen (in Mobile) or Add Web Screen (in Web). The New Screen window opens.
  2. Select Empty in the list.
  3. Click Create Screen.

Create a Screen from a Screen Template

Follow these steps to create a new screen based on a Screen Template. The resulting Screen contains the sample data, that you can replace manually or semi-automatically.

  1. On the Interface tab, locate UI Flows, and in it MainFlow. Right-click MainFlow and click Add Screen (in Mobile) or Add Web Screen (in Web). The New Screen window opens.
  2. Use the left side of the New Screen window to browse or search the Screen Templates. You can search by widgets, use cases, and meta data.
  3. Select a screen template by clicking on the thumbnail.
  4. Enter a title for the screen in the Screen name field.
  5. Click Create Screen.

Articles in this Section

  • Was this article helpful?