Difference between revisions of "Formitem Appearance"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
| Line 126: | Line 126: | ||
===Caption position=== | ===Caption position=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems8.png|450px|thumb|left|link={{filepath:formitems8.png}}|Form Section: Caption Above]] |
| Line 135: | Line 135: | ||
===Caption size=== | ===Caption size=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems9.png|450px|thumb|left|link={{filepath:formitems9.png}}|Form Section: Caption Size]] |
| Line 144: | Line 144: | ||
===Data size=== | ===Data size=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems10.png|450px|thumb|left|link={{filepath:formitems10.png}}|Form Section: Data Size]] |
| Line 153: | Line 153: | ||
===Spacing=== | ===Spacing=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems11.png|450px|thumb|left|link={{filepath:formitems11.png}}|Form: Spacing]] |
| Line 162: | Line 162: | ||
===Caption width=== | ===Caption width=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems12.png|450px|thumb|left|link={{filepath:formitems12.png}}|Form: Caption Width default]] |
| Line 170: | Line 170: | ||
<br clear=all> | <br clear=all> | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems13.png|450px|thumb|left|link={{filepath:formitems13.png}}|Form: Caption Width]] |
Revision as of 11:16, 3 May 2016
Under Construction
Contents
Overview
Form Sections automatically handle the layout of the Field and Gadget formitems they contain.
Attributes are available at Field/Gadget or Section level to configure the appearance of the formitems.
These can configure the formitem 'Caption' or its 'Data'.
The Appearance, Caption and Data Field and Gadget attributes apply to that formitem only.
Appearance Attributes
CSS style
- See CSS.
Caption position
By default, the Caption position is 'Beside'.
As shown here, it can be set to be 'Above' the Data.
Note: if the Section display does not refresh immediately, open and close the Section Attributes by double-clicking on the Section Header or using the cog icon.
The Caption position can be set to 'RightToLeft', in which case the Caption is displayed beside the Data, but to its right.
The Caption position can be 'None', in which case no Caption is displayed.
With the Caption position set to None, you can no longer double-click the Caption to access the Field's attributes. Open the App Inspector using its button in the Headerbar and double-click on the Field's name to open the Field Attributes dialog.
Caption size
The Caption size can be set to Small, Medium, Large or Largest.
Shading
Transparency type
Border radius
Caption Attributes
Caption
Background color
- See Colors
Foreground color
- See Colors
Font
- See Fonts
Icon
Border width
Border color
- See Colors.
Transparency
Gradient colors
- See Gradients.
Gradient type
- See Gradients.
Gradient start color
- See Gradients.
Gradient end color
- See Gradients.
Data Attributes
See Data Attributes for other Field Data Attributes.
Data size
The Data size can be set to Small, Medium, Large or Largest.
Form Section Attributes
Form Sections have attributes that affect all the Fields in the Section. These will be applied to existing Fields and Fields subsequently added to the Section.
Caption position
As in the Field Attributes, the Caption position can be set to None, Above, Beside or RightToLeft.
Caption size
As in the Field Attributes, the Caption size can be set to Small, Medium, Large or Largest.
Data size
As in the Field Attributes, the Data size can be set to Small, Medium, Large or Largest.
Spacing
The Spacing attribute controls the distance between the Fields.
Caption width
The default Caption width is 160.
The Caption width can be increased or decreased as required.
See Also
Colors, Field Attributes, Form Section Attributes, Gradients
