Difference between revisions of "Change Element Display Properties"

From IMSMA Wiki
Jump to: navigation, search
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{HowTo's
 
{{HowTo's
| [[Set a Default Value | Set default values]]
+
| [[Set a Default Value | Set Default Values]]
| [[Add Required Fields on the Design Pane | Set required fields]]
+
| [[Set Required Fields]]
| [[Change Single Selection List Display Properties | Change single-select options]]
 
| [[Customise Tables | Change table properties]]
 
 
}}
 
}}
  
 
Fields are added to the form template design pane with default properties such as width and height. You can modify these properties to customise the look of your data entry form template.  
 
Fields are added to the form template design pane with default properties such as width and height. You can modify these properties to customise the look of your data entry form template.  
To change the display properties:
+
 
 
<ol>
 
<ol>
<li>In the form designer pane, do one of the following:</li>
+
<li>To open the Component Property Editor either
 
*Double-click the field that you would like to change.
 
*Double-click the field that you would like to change.
*Select the field and click the '''Properties''' button.  
+
*Select the field and click the '''Properties''' button. </li>
The Component Property Editor window displays the selected field’s property values. The fields in the Component Property Editor window differ depending on the field selected.  
+
The fields in the Component Property Editor window differ depending on the widget type selected.  
  
{| class="wikitable" valign="top"
+
{| class="wikitable"  
! Element !!  
+
! Element !! Property Editor !! Read More
 
|-
 
|-
| Label
+
| Label / Text Tool
 
| [[Image:Label property editor.png|300px|]]
 
| [[Image:Label property editor.png|300px|]]
 +
|
 
|-
 
|-
 
| Country Structure
 
| Country Structure
 
| [[Image:CS property editor.png|300px|]]
 
| [[Image:CS property editor.png|300px|]]
 +
|
 
|-
 
|-
 
| Date
 
| Date
 
| [[Image:Date property editor.png|300px|]]
 
| [[Image:Date property editor.png|300px|]]
 +
|
 
|-
 
|-
| Icon Tool
+
| Icon/Image Tool
 
| [[Image:Icon tool property editor.png|300px|]]
 
| [[Image:Icon tool property editor.png|300px|]]
 +
| [[Add an Image to the Data Entry Form Template]]
 
|-
 
|-
 
| ID widget
 
| ID widget
 
| [[Image:ID property editor.png|300px|]]
 
| [[Image:ID property editor.png|300px|]]
 +
| [[Apply a Local ID Generator]]
 
|-
 
|-
 
| Line Tool
 
| Line Tool
 
| [[Image:Line tool property editor.png|300px|]]
 
| [[Image:Line tool property editor.png|300px|]]
 +
| [[Add a Line to the Data Entry Form Template]]
 
|-
 
|-
 
| Multiple Select
 
| Multiple Select
 
| [[Image:MS property editor.png|400px|]]
 
| [[Image:MS property editor.png|400px|]]
 +
| [[Add values to enumeration list]]
 
|-
 
|-
| Number / Text Field / Text Tool
+
| Number / Text Field  
 
| [[Image:Text property editor.png|400px]]
 
| [[Image:Text property editor.png|400px]]
 +
|
 
|-
 
|-
 
| Organisation
 
| Organisation
 
| [[Image:Org property editor.png|300px|]]
 
| [[Image:Org property editor.png|300px|]]
 +
|
 
|-
 
|-
 
| Place
 
| Place
 
| [[Image:Place property editor.png|300px|]]
 
| [[Image:Place property editor.png|300px|]]
 +
|
 
|-
 
|-
 
| Single Select
 
| Single Select
 
| [[Image:SS property editor.png|400px|]]
 
| [[Image:SS property editor.png|400px|]]
 +
| [[Add values to enumeration list]]<br />
 +
[[Change Single Selection Option List]] <br />
 +
[[Change Display Option for Single Select]]
 
|-
 
|-
 
| Text Area
 
| Text Area
 
| [[Image:Textarea property editor.png|400px|]]
 
| [[Image:Textarea property editor.png|400px|]]
 +
| {{New_6.0 | In version 6.0 the display choice between Text Field and Text Area for Text field CDFs has been introduced.}}
 +
[[Image:Word wrap.png|321px|left]]<br/><br/>
 +
If the scroll bar is still visible after you have changed the CDF to Text Field '''OR'''<br/>
 +
you have removed the Word wrap for a system field then drag in the field again.<br/>
 +
Minimum field height for text size 12 is 21.<br/>
 
|-
 
|-
 
| Table
 
| Table
 
| [[Image:Table property editor.png|500px|]]
 
| [[Image:Table property editor.png|500px|]]
 +
| [[Customise Tables | Change table properties]]
 
|-
 
|-
 
|}
 
|}
 +
 +
</ol>
  
 
{{NavBox HowTo Data Entry Forms}}
 
{{NavBox HowTo Data Entry Forms}}
  
[[Category:ELR]]
+
[[Category:NAA]]

Latest revision as of 19:38, 7 July 2021

Fields are added to the form template design pane with default properties such as width and height. You can modify these properties to customise the look of your data entry form template.

  1. To open the Component Property Editor either
    • Double-click the field that you would like to change.
    • Select the field and click the Properties button.
    The fields in the Component Property Editor window differ depending on the widget type selected.
    Element Property Editor Read More
    Label / Text Tool Label property editor.png
    Country Structure CS property editor.png
    Date Date property editor.png
    Icon/Image Tool Icon tool property editor.png Add an Image to the Data Entry Form Template
    ID widget ID property editor.png Apply a Local ID Generator
    Line Tool Line tool property editor.png Add a Line to the Data Entry Form Template
    Multiple Select MS property editor.png Add values to enumeration list
    Number / Text Field Text property editor.png
    Organisation Org property editor.png
    Place Place property editor.png
    Single Select SS property editor.png Add values to enumeration list

    Change Single Selection Option List
    Change Display Option for Single Select

    Text Area Textarea property editor.png
    New 6.0.png In version 6.0 the display choice between Text Field and Text Area for Text field CDFs has been introduced.
    Word wrap.png


    If the scroll bar is still visible after you have changed the CDF to Text Field OR
    you have removed the Word wrap for a system field then drag in the field again.
    Minimum field height for text size 12 is 21.

    Table Table property editor.png Change table properties