Difference between revisions of "Page Appearance"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
Line 6: | Line 6: | ||
==Background image== | ==Background image== | ||
The background image for the page (png | jpg | gif).<br>Use app:/imagename.ext for app specific images. | The background image for the page (png | jpg | gif).<br>Use app:/imagename.ext for app specific images. | ||
+ | * Currently ignored. | ||
==Stretch image== | ==Stretch image== | ||
Line 12: | Line 13: | ||
==Margin== | ==Margin== | ||
Margin size around the page. | Margin size around the page. | ||
+ | |||
+ | [[{{ns:file}}:page_margin.png|450px|thumb|left|link={{filepath:page_margin.png}}|Attribute: Margin]] | ||
+ | |||
+ | |||
+ | |||
+ | Here, the '''Margin''' attribute has been set to 20 (pixels) revealing the orange '''Background color'''. | ||
+ | |||
+ | <br clear=all> | ||
==Hide page from menu== | ==Hide page from menu== | ||
Hide page from menu at runtime. | Hide page from menu at runtime. | ||
+ | |||
+ | * Note: in Web/Mobile Apps, if the first page in the App has '''Hide page from menu''' set, it will be hidden from the menu, but will still be displayed when the App is first loaded. If this is not the desired behavior, specify the page to display in the '''Initial page''' [[App Settings|App Setting]]. | ||
==Stretch last section== | ==Stretch last section== | ||
Stretch last section to bottom of page. | Stretch last section to bottom of page. | ||
+ | |||
+ | [[{{ns:file}}:stretch_last_section1.png|450px|thumb|left|link={{filepath:stretch_last_section1.png}}|Attribute: Stretch last section]] | ||
+ | |||
+ | |||
+ | |||
+ | Here, the '''Stretch last section''' attribute has been checked (true). | ||
+ | |||
+ | <br clear=all> | ||
+ | |||
+ | [[{{ns:file}}:stretch_last_section2.png|450px|thumb|left|link={{filepath:stretch_last_section2.png}}|Attribute: Stretch last section]] | ||
+ | |||
+ | |||
+ | |||
+ | And here is the same page with the '''Stretch last section''' attribute unchecked (false). | ||
+ | |||
+ | <br clear=all> | ||
==Auto layout sections== | ==Auto layout sections== | ||
Line 25: | Line 52: | ||
If the last section is less than this height, then set it to this height and show page vertical scrollbar. | If the last section is less than this height, then set it to this height and show page vertical scrollbar. | ||
− | ==Last section | + | ==Last section fixed height== |
The last section is set to this fixed height and the previous section expanded to fill the space. | The last section is set to this fixed height and the previous section expanded to fill the space. | ||
Revision as of 09:26, 26 October 2016
Under construction
Contents
- 1 See Also
- 2 Background image
- 3 Stretch image
- 4 Margin
- 5 Hide page from menu
- 6 Stretch last section
- 7 Auto layout sections
- 8 Last section min height
- 9 Last section fixed height
- 10 Hide actionbar
- 11 Hide navigation bar slider
- 12 Sync actionbar buttons
- 13 Show options icon
- 14 Custom options menu
- 15 Show scrollbar
- 16 Show scrollbar height
See Also
Accordion Behavior, Colors, CSS, Gradients, Page Attributes, Shading and Transparency
Background image
The background image for the page (png | jpg | gif).
Use app:/imagename.ext for app specific images.
- Currently ignored.
Stretch image
Stretch the background image to fill the page (True | False).
Margin
Margin size around the page.
Here, the Margin attribute has been set to 20 (pixels) revealing the orange Background color.
Hide page from menu at runtime.
- Note: in Web/Mobile Apps, if the first page in the App has Hide page from menu set, it will be hidden from the menu, but will still be displayed when the App is first loaded. If this is not the desired behavior, specify the page to display in the Initial page App Setting.
Stretch last section
Stretch last section to bottom of page.
Here, the Stretch last section attribute has been checked (true).
And here is the same page with the Stretch last section attribute unchecked (false).
Auto layout sections
Auto layout sections by section percentage.
Last section min height
If the last section is less than this height, then set it to this height and show page vertical scrollbar.
Last section fixed height
The last section is set to this fixed height and the previous section expanded to fill the space.
Hide actionbar
Hide the actionbar.
Hide the navigation bar slider.
Sync actionbar buttons
Keep the actionbar buttons in sync with the current data position. Turn this off to improve performance with large amounts of data.
Show options icon
Show the options menu icon in the actionbar.
Custom options menu (comma separated list of values).
Show scrollbar
Show a vertical scrollbar for the page.
Show scrollbar height
Show vertical scrollbar on low resolution displays less than this height.