Thread Rating:
  • 457 Vote(s) - 2.79 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Page 2: Structure of a Program that uses Tab Containers
06-20-2011, 01:41 PM, (This post was last modified: 06-23-2011, 04:31 PM by ashimo.)
#1
Page 2: Structure of a Program that uses Tab Containers
Structure of the Program that uses Tab Containers

First, let's look at the functions that we can use to create a layout. Each tab container can contain multiple pages. Let’s take a look at the source code.



1. Declaring a TabContainer

Code:
let tab-container:TabContainer =
    {TabContainer
        control-color = #EEFFFF,
        
    }

By using TabContainer, we can integrate multiple pages, and then select and display any one of those pages. The control-color option is used to specify the background color for the TabContainer.

2. First TabPane

Code:
{TabPane
    label = Page 1,
    margin = 5pt,
    Contents of Page 1
},

Each page is created using a TabPane. Using the label option, we can specify the display of a label. Only one object can be directly incorporated into TabPane. In our example, the character string “Contents of first page” is incorporated into the TabPane.



3. Second TabPane

Code:
{TabPane
    label = Page 2,
    margin = 5pt,
    {image source = {url curl_logo.gif}}
    
},

The second pane displays an image.

4. Third TabPane

Code:
{TabPane
    label = Page 3,
    margin = 5pt,
    {VBox
        spacing = 5pt,
        Display multiple objects using a VBox,
        {image source = {url curl_logo.gif}}
    }
}

The third pane displays both a character string and an image. Since each TabPane can only contain one object we use VBox (as in this example) or another container such as HBox.

5. TabContainer display

Code:
tab-container

Finally, we display the tab container.


Possibly Related Threads...
Thread Author Replies Views Last Post
  Page 8: Extra Practice ashimo 0 3,425 06-20-2011, 01:55 PM
Last Post: ashimo
  Page 7: Summary ashimo 0 3,037 06-20-2011, 01:51 PM
Last Post: ashimo
  Page 6: Structure of a Program that Creates the Screen Layout ashimo 0 3,305 06-20-2011, 01:49 PM
Last Post: ashimo
  Page 5: Application: Creating the Screen Layout ashimo 0 3,027 06-20-2011, 01:46 PM
Last Post: ashimo
  Page 4: Structure of a Program that uses a Tab Accordion to Create the Layout ashimo 0 2,951 06-20-2011, 01:44 PM
Last Post: ashimo
  Page 3: Basics 2: Using a Tab Accordion to Display a Layout ashimo 0 3,026 06-20-2011, 01:43 PM
Last Post: ashimo
  Page 1: Integrating Applications ashimo 0 2,976 06-20-2011, 01:39 PM
Last Post: ashimo
Forum Jump:


Users browsing this thread:
1 Guest(s)

MyBB SQL Error

MyBB has experienced an internal SQL error and cannot continue.

SQL Error:
1017 - Can't find file: 'mybb_threadviews' (errno: 2)
Query:
INSERT INTO mybb_threadviews (tid) VALUES('80')