Difference between revisions of "Section Appearance"

Revision as of 08:11, 24 October 2016

Under Construction

Add spacer at bottom

Add spacer at bottom of section (True | False).

Background image

The background image for the section (png | jpg | gif).

Border-radius

Border radius of items in the section.

Collapsable

The section is collapsible at runtime (True | False).

Field border

Display border around fields (caption and data) (True | False).

• Supported by Form Sections.

Field border color

Field border color

• Supported by Form Sections.
• See Colors.

Hide search icon

Hide the search icon at runtime (True | False).

Hide TabBar at runtime

Hide the Tab Bar at runtime so tab pages are used as a stack of sections that can be selected programmatically (True | False).

• Supported by TabView Sections.

Attribute: Hide TabBar at runtime

By default, the TabBar of a TabView Section is displayed, allowing its individual sections to be selected by clicking on their tab.

With Hide TabBar at runtime checked, the TabBar is hidden so that access to the tabs is developer controlled in the App code.

Note: the TabBar is still displayed in Development view in the Lianja App Builder.

Hidden TabBar

Here in Web App View, the TabBar is hidden.

A Footer Custom menu has been specified and runs the Custom footer menu delegate code below to access the sections in the TabView Section.

Note: This section also has the Hide header attribute checked.

////////////////////////////////////////////////////////////////
// Event delegate for 'custommenu' event
function page1_section1_custommenu(arg)
{
	Lianja.showDocument("section:section1?action=select&text="+arg);
};

• See also Using the showdocument() function and Lianja.showDocument() method.

Margin

Margin size around the section.

Spacing

Spacing between items in the section.

Stretch image

Stretch the background image to fill the section (True | False).