Difference between revisions of "Change Element Display Properties"

From IMSMA Wiki
Jump to: navigation, search
 
(29 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
<table cellspacing="5" cellpadding="0" style="float: right; clear: right; color: black; background: #f9f9f9; border: 1px solid #aaa; width: 22em; margin: 0 0 1.0em 1.0em; padding: 0.2em; border-spacing: 0.4em 0; text-align: center; line-height: 1.4em; font-size: 88%; background-color: #f5faff; font-size: 90%; width: auto; line-height: 1.6em; width:150px;;;" class="vertical-navbox nowraplinks">
+
{{HowTo's
−
<th style="padding: 0.2em 0.4em 0.2em; font-size: 145%; line-height: 1.2em; font-weight: bold; background-color: #9aa8b5; font-size: 125%" class="">Related Topics</th>
+
| [[Set a Default Value | Set Default Values]]
−
<tr>
+
| [[Set Required Fields]]
−
<td style="padding-bottom: 0.2em; text-align: left">
+
}}
  
 +
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.
  
−
[[HowTo:Change Element Display Properties| Change Element Display Properties]]<br />
+
<ol>
−
[[HowTo:Set Object ID Field to Autogenerate Object ID Numbers| Set Object ID Field to Autogenerate Object ID Numbers]]<br />
+
<li>To open the Component Property Editor either
−
::[[Local ID Type Window]]<br />
+
*Double-click the field that you would like to change.
−
::[[HowTo:Filter the Local IDs Displayed|Filter the Local IDs Displayed]]<br />
+
*Select the field and click the '''Properties''' button. </li>
−
[[HowTo:Add a Local ID Type|Add a Local ID Type]]<br />
+
The fields in the Component Property Editor window differ depending on the widget type selected.
−
</tr>
 
  
−
</table>
+
{| 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]]
 +
|-
 +
|}
  
 +
</ol>
  
−
Elements are added to the form design pane with default properties such as width and height. You can modify these properties to customise the look of your field report template.
+
{{NavBox HowTo Data Entry Forms}}
−
To change the display properties:
 
−
<ol>
 
−
<li>In the form designer pane, do one of the following:</li>
 
−
::*Double-click the element that you would like to change.
 
−
::*Select the element and click the '''Properties''' button.
 
−
The Component Property Editor window displays the selected element’s property values. The fields in the Component Property Editor window may differ depending on the element selected.
 
−
<li>Modify the display properties. Not all properties can be changed for elements.</li>
 
  
−
[[File:Form Element Attributes.png|440px|''Table 48. Form Element Attributes'']]
+
[[Category:NAA]]
−
 
 
−
<li>Do one of the following:</li>
 
−
::*To save the changes to the attributes and close the Component Property Editor window, click '''Save'''.
 
−
::*To discard changes to the attributes and close the Component Property Editor window, click '''Cancel'''.
 
−
</ol>
 

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"