Difference between revisions of "Section Header"
Yvonne.milne (Talk | contribs) (→Header background colour) |
Yvonne.milne (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | =Header= | + | ==Header== |
− | ==Hide header== | + | ===Hide header=== |
The '''Hide header''' attribute determines whether the Section Header is hidden or not. | The '''Hide header''' attribute determines whether the Section Header is hidden or not. | ||
* Note that the Section header will be hidden at runtime only. | * Note that the Section header will be hidden at runtime only. | ||
Line 7: | Line 7: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Hide actionbar== | + | ===Hide actionbar=== |
[[{{ns:file}}:section_header_actionbar.png|450px|thumb|left|link={{filepath:section_header_actionbar.png}}|Section Header: actionbar buttons]] | [[{{ns:file}}:section_header_actionbar.png|450px|thumb|left|link={{filepath:section_header_actionbar.png}}|Section Header: actionbar buttons]] | ||
Line 17: | Line 17: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Hide navigation buttons== | + | ===Hide navigation buttons=== |
The '''Hide navigation buttons''' attribute determines whether the actionbar navigation buttons (as above: First, Previous, Next, Last) are displayed in the section header. | The '''Hide navigation buttons''' attribute determines whether the actionbar navigation buttons (as above: First, Previous, Next, Last) are displayed in the section header. | ||
* This only applies when the actionbar is not hidden. | * This only applies when the actionbar is not hidden. | ||
Line 23: | Line 23: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Hide editing buttons== | + | ===Hide editing buttons=== |
The '''Hide editing buttons''' attribute is ignored. See below [[#Show OK/Cancel buttons|to hide or show the OK/Cancel buttons]]. | The '''Hide editing buttons''' attribute is ignored. See below [[#Show OK/Cancel buttons|to hide or show the OK/Cancel buttons]]. | ||
* Note that the section '''Readonly''' attribute can be checked to True to make the section readonly (non-editable). | * Note that the section '''Readonly''' attribute can be checked to True to make the section readonly (non-editable). | ||
Line 29: | Line 29: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Header CSS style== | + | ===Header CSS style=== |
The '''Header CSS style''' attribute specifies CSS attributes for the header. | The '''Header CSS style''' attribute specifies CSS attributes for the header. | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Background color== | + | ===Background color=== |
The '''Background color''' attribute specifies the header background color. | The '''Background color''' attribute specifies the header background color. | ||
* See [[Colors]] | * See [[Colors]] | ||
Line 40: | Line 40: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Foreground color== | + | ===Foreground color=== |
The '''Foreground color''' attribute specifies the header foreground color. | The '''Foreground color''' attribute specifies the header foreground color. | ||
* See [[Colors]] | * See [[Colors]] | ||
Line 46: | Line 46: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Header icon== | + | ===Header icon=== |
The '''Header icon''' attribute is ignored. | The '''Header icon''' attribute is ignored. | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Gradient colors== | + | ===Gradient colors=== |
The '''Gradient colors''' attribute determines whether the Header background should be rendered with gradient colors. | The '''Gradient colors''' attribute determines whether the Header background should be rendered with gradient colors. | ||
* See [[Gradients]] | * See [[Gradients]] | ||
Line 57: | Line 57: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Gradient type== | + | ===Gradient type=== |
The '''Gradient type''' attribute specifies the gradient type to be used if '''Gradient colors''' is True. | The '''Gradient type''' attribute specifies the gradient type to be used if '''Gradient colors''' is True. | ||
* See [[Gradients]] | * See [[Gradients]] | ||
Line 63: | Line 63: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Gradient start color== | + | ===Gradient start color=== |
The '''Gradient start color''' attribute specifies the start color to be used if '''Gradient colors''' is True. | The '''Gradient start color''' attribute specifies the start color to be used if '''Gradient colors''' is True. | ||
* See [[Gradients]] | * See [[Gradients]] | ||
Line 69: | Line 69: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Gradient end color== | + | ===Gradient end color=== |
The '''Gradient end color''' attribute specifies the end color to be used if '''Gradient colors''' is True. | The '''Gradient end color''' attribute specifies the end color to be used if '''Gradient colors''' is True. | ||
* See [[Gradients]] | * See [[Gradients]] | ||
Line 75: | Line 75: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Show OK/Cancel buttons== | + | ===Show OK/Cancel buttons=== |
[[{{ns:file}}:section_header_icons.png|450px|thumb|left|link={{filepath:section_header_icons.png}}|Section Header: buttons and icons]] | [[{{ns:file}}:section_header_icons.png|450px|thumb|left|link={{filepath:section_header_icons.png}}|Section Header: buttons and icons]] | ||
Line 90: | Line 90: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Show Add/Delete buttons== | + | ===Show Add/Delete buttons=== |
The '''Show Add/Delete buttons''' attribute determines whether the Add (+) and Delete (-) buttons should be displayed in the section header. | The '''Show Add/Delete buttons''' attribute determines whether the Add (+) and Delete (-) buttons should be displayed in the section header. | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Show Print button== | + | ===Show Print button=== |
The '''Show Print button''' attribute determines whether the Print button should be displayed in the section header. | The '''Show Print button''' attribute determines whether the Print button should be displayed in the section header. | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Show Edit button== | + | ===Show Edit button=== |
The '''Show Edit button''' attribute determines whether the Edit button should be displayed in the section header. | The '''Show Edit button''' attribute determines whether the Edit button should be displayed in the section header. | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Hide custom search icon== | + | ===Hide custom search icon=== |
The '''Hide the custom search icon''' attribute determines whether the custom search icon should be displayed in the section header. | The '''Hide the custom search icon''' attribute determines whether the custom search icon should be displayed in the section header. | ||
* See [[Custom Search]] | * See [[Custom Search]] | ||
Line 111: | Line 111: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Show info tips icon== | + | ===Show info tips icon=== |
The '''Show the info tips icon''' attribute determines whether the info tips icon should be displayed in the section header. | The '''Show the info tips icon''' attribute determines whether the info tips icon should be displayed in the section header. | ||
* See [[Help Attributes#Info tips|Help Attributes: Info tips]] | * See [[Help Attributes#Info tips|Help Attributes: Info tips]] | ||
Line 117: | Line 117: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Show help icon== | + | ===Show help icon=== |
The '''Show the help icon''' attribute determines whether the help icon should be displayed in the section header. | The '''Show the help icon''' attribute determines whether the help icon should be displayed in the section header. | ||
* See [[Help Attributes#Help table|Help Attributes: Help table]] | * See [[Help Attributes#Help table|Help Attributes: Help table]] | ||
Line 123: | Line 123: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Help topic== | + | ===Help topic=== |
The '''Help topic''' attribute specifies the name of the help topic to display when the help icon is clicked in the section header | The '''Help topic''' attribute specifies the name of the help topic to display when the help icon is clicked in the section header | ||
* See [[Help Attributes#Help table|Help Attributes: Help table]] | * See [[Help Attributes#Help table|Help Attributes: Help table]] | ||
Line 129: | Line 129: | ||
[[#Notes on Client Support|Notes on Client Support]] | [[#Notes on Client Support|Notes on Client Support]] | ||
− | ==Notes on Client Support== | + | ===Notes on Client Support=== |
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
!width="20%"|Attribute | !width="20%"|Attribute | ||
Line 176: | Line 176: | ||
|} | |} | ||
− | =Custom Header Style= | + | ==Custom Header Style== |
Custom Header Style attributes are available from v4.1. | Custom Header Style attributes are available from v4.1. | ||
− | ==Use custom header style== | + | ===Use custom header style=== |
The '''Use custom header style''' attribute determines whether a custom header style should be used. | The '''Use custom header style''' attribute determines whether a custom header style should be used. | ||
− | ==Header background color== | + | ===Header background color=== |
The '''Header background color''' attribute specifies the header background color. | The '''Header background color''' attribute specifies the header background color. | ||
* See [[Colors]] | * See [[Colors]] | ||
− | ==Header foreground color== | + | ===Header foreground color=== |
The '''Header foreground color''' attribute specifies the header foreground color. | The '''Header foreground color''' attribute specifies the header foreground color. | ||
* See [[Colors]] | * See [[Colors]] | ||
− | ==Header bottom border== | + | ===Header bottom border=== |
The '''Header bottom border''' attribute determines whether the header bottom border should be displayed. | The '''Header bottom border''' attribute determines whether the header bottom border should be displayed. | ||
− | ==Header bottom border height== | + | ===Header bottom border height=== |
The '''Header bottom border height''' attribute determines the height (in pixels) of the header bottom border (if displayed). | The '''Header bottom border height''' attribute determines the height (in pixels) of the header bottom border (if displayed). | ||
− | ==Header bottom border color== | + | ===Header bottom border color=== |
The '''Header bottom border color''' attribute specifies the header bottom border color. | The '''Header bottom border color''' attribute specifies the header bottom border color. | ||
* See [[Colors]] | * See [[Colors]] | ||
+ | ==App Settings== | ||
+ | The '''Section Defaults''' category of [[App Settings]] includes options for defining section header appearance throughout the App. These settings apply to desktop Apps only. | ||
+ | |||
+ | ===Header type=== | ||
+ | The '''Header type''' attribute specifies whether section headers should have a 'flat' color or 'gradient' background. | ||
+ | |||
+ | ===Icon set=== | ||
+ | The '''Icon set''' attribute specifies which icon set should be used for section headers: 'gradient', 'black', 'white', 'gray' or darkgray'. | ||
+ | |||
+ | ===Header height=== | ||
+ | The '''Header height''' attribute specifies the section header height in pixels. | ||
+ | |||
+ | ===Header background color=== | ||
+ | The '''Header background color''' attribute specifies the background color for section headers. This is only applied when the '''Header type''' is 'flat'. | ||
+ | |||
+ | ===Header foreground color=== | ||
+ | The '''Header foreground color''' attribute specifies the foreground color for the 'Caption' in section headers. | ||
+ | |||
+ | ===Header font size=== | ||
+ | The '''Header font size''' attribute specifies the font size for the 'Caption' in section headers. | ||
+ | |||
+ | ===Header CSS=== | ||
+ | The '''Header CSS''' attribute specifies the CSS styles for section headers. See also [[CSS]]. | ||
[[Category:Attribute Categories]] | [[Category:Attribute Categories]] | ||
[[Category:Sections]] | [[Category:Sections]] |
Revision as of 07:52, 23 January 2018
Contents
- 1 Header
- 1.1 Hide header
- 1.2 Hide actionbar
- 1.3 Hide navigation buttons
- 1.4 Hide editing buttons
- 1.5 Header CSS style
- 1.6 Background color
- 1.7 Foreground color
- 1.8 Header icon
- 1.9 Gradient colors
- 1.10 Gradient type
- 1.11 Gradient start color
- 1.12 Gradient end color
- 1.13 Show OK/Cancel buttons
- 1.14 Show Add/Delete buttons
- 1.15 Show Print button
- 1.16 Show Edit button
- 1.17 Hide custom search icon
- 1.18 Show info tips icon
- 1.19 Show help icon
- 1.20 Help topic
- 1.21 Notes on Client Support
- 2 Custom Header Style
- 3 App Settings
Header
Hide header
The Hide header attribute determines whether the Section Header is hidden or not.
- Note that the Section header will be hidden at runtime only.
- For Page Center Sections, the Hide header attribute is checked (True) by default.
Hide actionbar
The Hide actionbar attribute determines whether the actionbar is displayed in the section header.
The Hide navigation buttons attribute determines whether the actionbar navigation buttons (as above: First, Previous, Next, Last) are displayed in the section header.
- This only applies when the actionbar is not hidden.
Hide editing buttons
The Hide editing buttons attribute is ignored. See below to hide or show the OK/Cancel buttons.
- Note that the section Readonly attribute can be checked to True to make the section readonly (non-editable).
Header CSS style
The Header CSS style attribute specifies CSS attributes for the header.
Background color
The Background color attribute specifies the header background color.
- See Colors
Foreground color
The Foreground color attribute specifies the header foreground color.
- See Colors
Header icon
The Header icon attribute is ignored.
Gradient colors
The Gradient colors attribute determines whether the Header background should be rendered with gradient colors.
- See Gradients
Gradient type
The Gradient type attribute specifies the gradient type to be used if Gradient colors is True.
- See Gradients
Gradient start color
The Gradient start color attribute specifies the start color to be used if Gradient colors is True.
- See Gradients
Gradient end color
The Gradient end color attribute specifies the end color to be used if Gradient colors is True.
- See Gradients
Show OK/Cancel buttons
Check or uncheck the attributes to hide or show the buttons and icons in the Section Header.
The Show OK/Cancel buttons attribute determines whether the OK (green tick) and Cancel (red cross) buttons should be displayed in the section header when the section is in edit mode.
Show Add/Delete buttons
The Show Add/Delete buttons attribute determines whether the Add (+) and Delete (-) buttons should be displayed in the section header.
Show Print button
The Show Print button attribute determines whether the Print button should be displayed in the section header.
Show Edit button
The Show Edit button attribute determines whether the Edit button should be displayed in the section header.
Hide custom search icon
The Hide the custom search icon attribute determines whether the custom search icon should be displayed in the section header.
- See Custom Search
Show info tips icon
The Show the info tips icon attribute determines whether the info tips icon should be displayed in the section header.
Show help icon
The Show the help icon attribute determines whether the help icon should be displayed in the section header.
Help topic
The Help topic attribute specifies the name of the help topic to display when the help icon is clicked in the section header
Notes on Client Support
Attribute | Notes |
---|---|
Hide header | - |
Hide actionbar | The actionbar is always hidden on the Web/Mobile client. |
Hide navigation buttons | The navigation buttons are always hidden on the Web/Mobile client. |
Hide editing buttons | The editing buttons are always hidden on the Web/Mobile client. |
Header CSS style | The Header CSS style is supported on the Desktop client only. |
Background color | The Background color is ignored on all clients. |
Foreground color | The Foreground color is ignored on all clients. |
Header icon | The Header icon is always hidden on all clients. |
Gradient colors | Gradient colors are supported on the Desktop client only. |
Gradient type | The Gradient type is supported on the Desktop client only. |
Gradient start color | The Gradient start color is supported on the Desktop client only. |
Gradient end color | The Gradient end color is supported on the Desktop client only. |
Show OK/Cancel buttons | The OK/Cancel buttons are always hidden on the Web/Mobile client. |
Show Add/Delete buttons | The Add/Delete buttons are always hidden on the Web/Mobile client. |
Show Print button | The Print button is always hidden on the Web/Mobile client. |
Show Edit button | The Edit button is always hidden on the Web/Mobile client. |
Hide custom search icon | The custom search icon is always hidden on the Web/Mobile client. |
Show info tips icon | The info tips icon is always hidden on the Web/Mobile client. |
Show help icon | The help icon is always hidden on the Web/Mobile client. |
Help topic | The Help topic is supported on the Desktop client only. |
Custom Header Style
Custom Header Style attributes are available from v4.1.
Use custom header style
The Use custom header style attribute determines whether a custom header style should be used.
Header background color
The Header background color attribute specifies the header background color.
- See Colors
Header foreground color
The Header foreground color attribute specifies the header foreground color.
- See Colors
Header bottom border
The Header bottom border attribute determines whether the header bottom border should be displayed.
Header bottom border height
The Header bottom border height attribute determines the height (in pixels) of the header bottom border (if displayed).
Header bottom border color
The Header bottom border color attribute specifies the header bottom border color.
- See Colors
App Settings
The Section Defaults category of App Settings includes options for defining section header appearance throughout the App. These settings apply to desktop Apps only.
Header type
The Header type attribute specifies whether section headers should have a 'flat' color or 'gradient' background.
Icon set
The Icon set attribute specifies which icon set should be used for section headers: 'gradient', 'black', 'white', 'gray' or darkgray'.
Header height
The Header height attribute specifies the section header height in pixels.
Header background color
The Header background color attribute specifies the background color for section headers. This is only applied when the Header type is 'flat'.
Header foreground color
The Header foreground color attribute specifies the foreground color for the 'Caption' in section headers.
Header font size
The Header font size attribute specifies the font size for the 'Caption' in section headers.
Header CSS
The Header CSS attribute specifies the CSS styles for section headers. See also CSS.