Page 170 - CodePilot V5.0 C5
P. 170

USER INTERFACE COMPONENTS

                  User interface (UI) components are the visual parts of your app. You can combine,
                  style and customise these to make your app look unique and match your ideas.


                  Properties Panel

                  When you add a button,
                  label  or image  to  your

                  app,  a  Properties  Panel
                  will appear  on  the  right.
                  You can use this panel to

                  change  its  appearance,
                  such as the text,  size  or

                  color. Each  item  has its
                  own settings, which allow
                  you to make your app fun and colourful!


                  Component Tree

                  The  component tree is in the top-left  corner  of
                  your project’s  design  area. It shows the list of UI

                  components in your app. You can use the arrows to
                  hide or show nested components.

                  Designing using Thunkable

                  Thunkable  lets  you  create  apps  without  coding,

                  using simple drag-and-drop features. Let’s design a simple Greeting App:
















                       1   Add a Text Input, Button
                        and Label from the design
                                            screen.











                 168      CodePilot (V5.0)-V
   165   166   167   168   169   170   171   172   173   174