Embedded GUI Design and Development Tool

    Embedded GUI Design and Development Tool
    Download Embedded GUI Development Demos
    Embedded GUI Design and Development Tool



    Recent Posts

    4 min read

    Storyboard - Adding Tables to your Application User Interface (UI)

    By jwarren on Sep 12, 2014 2:44:22 PM

    Today, we are going back to basics in this Storyboard user interface (UI) tutorial. Table basics. Tables are a special control in Storyboard. While most controls are individual, tables are more like containers that organize several controls inside them. This tutorial will walk you through how to create a very simple table, add background colour, adjust basic settings, and add render extensions. Before we get started building our table, create a new application in Storyboard Designer.

    Add a background colour for the application's UI

    First we're going to add a background to our application.

    1. Right-click on Screen1
    2. Select Add
    3. Select Control
    4. Give your new control a name
    5. In the Render Extensions list, select Fill
    6. Select Finish

    You will be asked to select a colour for your background. For the purposes of this tutorial, let's select white.


    Continue Reading