Difference between revisions of "Formitem Appearance"

From Lianjapedia
Jump to: navigation, search
Line 70: Line 70:
  
 
===Shading===
 
===Shading===
 +
* See [[Shading and Transparency]]
  
 
===Transparency type===
 
===Transparency type===
 +
* See [[Shading and Transparency]]
  
 
===Border radius===
 
===Border radius===
Line 139: Line 141:
  
 
===Transparency===
 
===Transparency===
 +
* See [[Shading and Transparency]]
  
 
===Gradient colors===
 
===Gradient colors===

Revision as of 06:23, 5 May 2016

Under Construction

Overview

Formitems



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

Caption position

Field: Caption Above



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.


Field: Caption Right to Left


The Caption position can be set to 'RightToLeft', in which case the Caption is displayed beside the Data, but to its right.


Field: Caption None


The Caption position can be 'None', in which case no Caption is displayed.


Field: Caption None, App Inspector


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

Field: Caption Size


The Caption size can be set to Small, Medium, Large or Largest.


Shading

Transparency type

Border radius

Caption Attributes

Caption

Field: Caption


The Caption is the text displayed in the 'Caption' part of the formitem.


By default, for formitems bound to a table column/field, this is the column's caption.

The column's caption is also known as its 'description'.


For a quick edit of the Caption, click the 'writing hand' icon that appears when you hover your mouse.



Note: for formitems bound to a table column, if Inherit dictionary rules is enabled for the formitem and its containing Section, the Caption cannot be modified. It will be reset back to the column's caption when the App is reloaded.

The column's caption can be changed in the 'Modify a column' dialog (double-click the column name in the column explorer in the Sidebar in the Pages or Data workspaces) or using the ALTER TABLE SQL command. The caption corresponds to the 'Description' column constraint.

Background color

Foreground color

Font

Icon

Field: Icon


The Icon allows a small image to be displayed in the Caption.


Click the [...] button to display the 'Select an image file' dialog to search for and choose your image.



Field: Icon


To use an image file from the Lianja Library, prefix the filename with 'lib:/', e.g.


lib:/cat_home_sm.png



Border width

Border color

Transparency

Gradient colors

Gradient type

Gradient start color

Gradient end color

Data Attributes

See Data Attributes for other Data Attributes.

Background color

Foreground color

Font

Data size

Field: Data Size


The Data size can be set to Small, Medium, Large or Largest.


Text alignment

Field: Text alignment


The default Text alignment is Left.

Alternatively it can be set to Center or Right.


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

Form Section: Caption Above


As in the Field Attributes, the Caption position can be set to None, Above, Beside or RightToLeft.


Caption size

Form Section: Caption Size


As in the Field Attributes, the Caption size can be set to Small, Medium, Large or Largest.


Data size

Form Section: Data Size


As in the Field Attributes, the Data size can be set to Small, Medium, Large or Largest.


Spacing

Form: Spacing


The Spacing attribute controls the distance between the Fields.


Caption width

Form: Caption Width default


The default Caption width is 160.


Form: Caption Width


The Caption width can be increased or decreased as required.


See Also

Colors, Field Attributes, Form Section Attributes, Gradients