Difference between revisions of "Section Appearance"
Yvonne.milne (Talk | contribs) |
Barrymavin (Talk | contribs) |
||
Line 93: | Line 93: | ||
[[{{ns:file}}:hide_tabbar2.png|450px|thumb|left|link={{filepath:hide_tabbar2.png}}|Hidden TabBar]] | [[{{ns:file}}:hide_tabbar2.png|450px|thumb|left|link={{filepath:hide_tabbar2.png}}|Hidden TabBar]] | ||
+ | |||
+ | [[Category:Page Builder]] | ||
Revision as of 09:13, 11 November 2017
Under Construction
Contents
Add spacer at bottom
Add spacer at bottom of section (True | False).
With Add spacer at bottom checked.
For example, if the section below has Hide header checked, using Add spacer at bottom gives a more spacious layout.
Background image
The background image for the section (png | jpg | gif).
Here, a Background image has been specified and a wide Margin set (160 pixels).
Border-radius
Border radius of items in the section.
Collapsable
The section is collapsible at runtime (True | False).
- See also Collapsed Delegate
- See also Expanded Delegate
Collapsable attribute.
Click the section header to collapse the section.
Click the section header to expand the section.
The Collapsable attribute determines whether a Section can be collapsed or whether it is always expanded. This is overridden in these cases:
- The last Section on a Page with the 'Stretch last section' attribute set to True cannot be collapsed (Desktop).
- The last Section on a Page cannot be collapsed (Web/Mobile).
- Sections with the 'Hide header' attribute set to True cannot be collapsed.
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 also Colors.
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.
Here, a Background image has been specified and a wide Margin set (160 pixels).
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).
Here, Stretch image is unchecked (False).
Compare this with the screenshot above, where Stretch image is checked (True), which is the default.