Difference between revisions of "Change Element Display Properties"

From IMSMA Wiki
Jump to: navigation, search
 
(20 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{HowTo's
 +
| [[Set a Default Value | Set Default Values]]
 +
| [[Set Required Fields]]
 +
}}
 +
 
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 may differ depending on the field selected.  
+
The fields in the Component Property Editor window differ depending on the widget type selected.  
−
<li>Modify the display properties. Not all properties can be changed for fields.</li>
 
  
−
[[File:Form Element Attributes.png|440px|''Form Field Attributes'']]
+
{| class="wikitable"
 +
! Element !! Property Editor !! Read More
 +
|-
 +
| Label / Text Tool
 +
| [[Image:Label property editor.png|300px|]]
 +
|
 +
|-
 +
| Country Structure
 +
| [[Image:CS property editor.png|300px|]]
 +
|
 +
|-
 +
| Date
 +
| [[Image:Date property editor.png|300px|]]
 +
|
 +
|-
 +
| Icon/Image Tool
 +
| [[Image:Icon tool property editor.png|300px|]]
 +
| [[Add an Image to the Data Entry Form Template]]
 +
|-
 +
| ID widget
 +
| [[Image:ID property editor.png|300px|]]
 +
| [[Apply a Local ID Generator]]
 +
|-
 +
| Line Tool
 +
| [[Image:Line tool property editor.png|300px|]]
 +
| [[Add a Line to the Data Entry Form Template]]
 +
|-
 +
| Multiple Select
 +
| [[Image:MS property editor.png|400px|]]
 +
| [[Add values to enumeration list]]
 +
|-
 +
| Number / Text Field
 +
| [[Image:Text property editor.png|400px]]
 +
|
 +
|-
 +
| Organisation
 +
| [[Image:Org property editor.png|300px|]]
 +
|
 +
|-
 +
| Place
 +
| [[Image:Place property editor.png|300px|]]
 +
|
 +
|-
 +
| Single Select
 +
| [[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
 +
| [[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
 +
| [[Image:Table property editor.png|500px|]]
 +
| [[Customise Tables | Change table properties]]
 +
|-
 +
|}
  
−
<li>Do one of the following:</li>
 
−
*To save the changes to the attributes and close the Component Property Editor window, click '''Submit'''.
 
−
*To discard changes to the attributes and close the Component Property Editor window, click '''Cancel'''.
 
 
</ol>
 
</ol>
  
 
{{NavBox HowTo Data Entry Forms}}
 
{{NavBox HowTo Data Entry Forms}}
  
−
[[Category:ELR]]
+
[[Category:NAA]]

Latest revision as of 19:38, 7 July 2021

How To

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
Design Data Entry Forms
General
Get started
Tools
Elements
Properties
Publish
Published
Retrieved from "http://mwiki.gichd.org:8090/mediawiki/index.php?title=Change_Element_Display_Properties&oldid=24493"