# Screens

&#x20;![](https://www.gravatar.com/avatar/a166acc121d90e6fbcd7b69973b6ef1d?d=mm\&s=150) Updated 1 month ago by Mobsted Support L

Screen is the key element of **Constructor** which represents an app screen. It works as a **container** for [Constructor elements](https://kb.mobsted.com/article/ap8iv7mdhw-construstor-elements-to-build-your-app).![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/ctv1cn2xsp/1560942614504/screen-shot-2019-03-19-at-12-10-29-pm.png)

## PROPERTIES <a href="#properties" id="properties"></a>

**Screen Name**: the name of the screen which is displayed in the list of screens bar. You can edit it by clicking **Pen** icon on the screen in the bottom of **Constructor.**![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/ctv1cn2xsp/1560941836895/image.png)

## ACTIONS <a href="#actions" id="actions"></a>

Use when you need to perform any of the platform actions on a screen load. Possible **Actions** are:

* **Go to:** navigate to the screen within the app or to the external URL
* **Scroll to:** top or bottom
* **Create Event:** created event will be stored in the Backend
* **Save to Object column:** selected value will be stored in specified Object column
* **Execute Operations:** call an API
* **Set Variable:** allows to use the data and pass it to different screens, change it or track the activity of app users.

Please refer to [React to user actions](https://kb.mobsted.com/article/4jb98oxf8g-process-user-actions-switch-screens-manipulate-data-make-api-calls) and [Use any external & internal API](https://kb.mobsted.com/article/xy951dk783-send-and-receive-your-data-via-external-api-integrations) articles for more info on user actions.![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/ctv1cn2xsp/1554974638005/screen-shot-2019-04-11-at-2-22-50-pm.png)

## VIEW <a href="#view" id="view"></a>

The screen styling is applied to all screen elements by default

* **Margin** **-** set up margin for all elements added to the screen
* **Padding** **-** set up padding for all elements added to the background of the screen
* **Background Color -** set the color to appear on the background of the screen.

![](https://storage.googleapis.com/helpdocs-assets/jyme83anlw/articles/ctv1cn2xsp/1560942579074/screen-shot-2019-06-19-at-4-09-03-pm.png)

## MENTIONED ARTICLES <a href="#mentioned_articles" id="mentioned_articles"></a>

* [Constructor elements](https://kb.mobsted.com/article/ap8iv7mdhw-construstor-elements-to-build-your-app)
* [Objects](https://kb.mobsted.com/article/sf7369s2zb-objects)
* [Events](https://kb.mobsted.com/article/9cncrxycvp-events)
* [Use any external & internal API](https://kb.mobsted.com/article/xy951dk783-send-and-receive-your-data-via-external-api-integrations)
* [Variables](https://kb.mobsted.com/article/77ajmb48r2-variables)
* [Hashtags](https://kb.mobsted.com/article/9v4k7sfkq1-hastags)
* [React to user actions](https://kb.mobsted.com/article/4jb98oxf8g-process-user-actions-switch-screens-manipulate-data-make-api-calls)
