Difference between revisions of "Section Appearance"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
| Line 67: | Line 67: | ||
==Spacing== | ==Spacing== | ||
Spacing between items in the section. | Spacing between items in the section. | ||
| + | |||
| + | [[{{ns:file}}:default_section_spacing.png|450px|thumb|left|link={{filepath:default_section_spacing.png}}|Default Section Spacing]] | ||
| + | |||
| + | |||
| + | |||
| + | Default section '''Spacing'''. | ||
| + | |||
| + | <br clear=all> | ||
| + | |||
| + | [[{{ns:file}}:section_spacing.png|450px|thumb|left|link={{filepath:section_spacing.png}}|Customized Section Spacing]] | ||
| + | |||
| + | |||
| + | |||
| + | Here the section '''Spacing''' has been set to 20 (pixels). | ||
| + | |||
| + | <br clear=all> | ||
==Stretch image== | ==Stretch image== | ||
Stretch the background image to fill the section (True | False). | Stretch the background image to fill the section (True | False). | ||
Revision as of 08:33, 24 October 2016
Under Construction
Contents
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.
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.
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);
};
Margin
Margin size around the section.
Spacing
Spacing between items in the section.
Default section Spacing.
Here the section Spacing has been set to 20 (pixels).
Stretch image
Stretch the background image to fill the section (True | False).
