Difference between revisions of "Formitem Appearance"
Yvonne.milne (Talk | contribs) |
Yvonne.milne (Talk | contribs) |
||
| Line 23: | Line 23: | ||
===Caption position=== | ===Caption position=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems2.png|450px|thumb|left|link={{filepath:formitems2.png}}|Field: Caption Above]] |
| Line 34: | Line 34: | ||
<br clear=all> | <br clear=all> | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems3.png|450px|thumb|left|link={{filepath:formitems3.png}}|Field: Caption Right to Left]] |
| Line 42: | Line 42: | ||
<br clear=all> | <br clear=all> | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems4.png|450px|thumb|left|link={{filepath:formitems4.png}}|Field: Caption None]] |
| Line 50: | Line 50: | ||
<br clear=all> | <br clear=all> | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems5.png|450px|thumb|left|link={{filepath:formitems5.png}}|Field: Caption None, App Inspector]] |
| Line 59: | Line 59: | ||
===Caption size=== | ===Caption size=== | ||
| − | [[{{ns:file}}: | + | [[{{ns:file}}:formitems6.png|450px|thumb|left|link={{filepath:formitems6.png}}|Field: Caption Size]] |
Revision as of 10:13, 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.
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
