Page 99 - Code & Click - 7

The Designer screen opens. The components of the Designer screen are described below.

Blocks Tab

Design Tab

Properties
Panel
Components
Panel

Preview Pane

Component Description

Design Tab Displays the elements and controls on the app.

Displays the blocks needed to provide functionality to the various
Blocks Tab
elements and controls.
Components Panel Displays the components palette for a control or an element.

Preview Pane Displays a preview of the app interface.

Properties Panel Allows to set properties for an element or control.
6. Click and drag the Button control from the Components panel to the Preview pane.
7. In the Properties panel, set the properties for the button control as follows:

Property Value Property Value Property Value
Text Tap Me Text colour Black Bold True

Raised True Background colour Blue Font size 20

Border style Solid Border colour Black Border width 4

6
7

97