Change Element Display Properties: Difference between revisions

From IMSMA Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 5: Line 5:


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>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. </li>
*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"  
{| class="wikitable"  
Line 27: Line 27:
|
|
|-
|-
| 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]]
| [[Add an Image to the Data Entry Form Template]]
Line 41: Line 41:
| Multiple Select
| Multiple Select
| [[Image:MS property editor.png|400px|]]
| [[Image:MS property editor.png|400px|]]
| [[Add a Custom Option]]
| [[Add values to enumeration list]]
|-
|-
| Number / Text Field  
| Number / Text Field  
Line 57: Line 57:
| Single Select
| Single Select
| [[Image:SS property editor.png|400px|]]
| [[Image:SS property editor.png|400px|]]
| [[Add a Custom Option]]<br />
| [[Add values to enumeration list]]<br />
[[Change Single Selection Option List]] <br />
[[Change Single Selection Option List]] <br />
[[Change Display Option for Single Select]]
[[Change Display Option for Single Select]]
Line 64: Line 64:
| [[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.}}
| {{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

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
    Country Structure
    Date
    Icon/Image Tool Add an Image to the Data Entry Form Template
    ID widget Apply a Local ID Generator
    Line Tool Add a Line to the Data Entry Form Template
    Multiple Select Add values to enumeration list
    Number / Text Field
    Organisation
    Place
    Single Select Add values to enumeration list

    Change Single Selection Option List
    Change Display Option for Single Select

    Text Area
    In version 6.0 the display choice between Text Field and Text Area for Text field CDFs has been introduced.


    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 Change table properties

{{#switch:|subgroup|child=|none=|#default=

{{#if:|<th scope="col" style="border-left:2px solid #fdfdfd;width:100%;|}}{{#if:|{{#if:Customising IMSMANG|}}}}{{#if:{{#switch:{{#if:|{{{border}}}|child}}|subgroup|child=|none=|#default=

}}{{#ifeq:|Template|{{#ifeq:{{#if:|{{{border}}}|child}}|child||{{#ifeq:{{#if:|{{{border}}}|child}}|subgroup||{{#switch:change element display properties

|doc
|sandbox
|testcases =
|#default = {{#switch:
 |plainlist
 |hlist
 |hlist hnum
 |hlist vcard
 |vcard hlist = 
 |#default = 
 }}
}}

}}}}}}|{{#if:Customising IMSMANG|}}{{#if:|

{{{imageleft}}}

}}{{#if: Design Data Entry Forms| Design Data Entry Forms<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{#switch:{{#if:|{{{border}}}|child}}|subgroup|child=

|none=|#default=

}}{{#ifeq:|Template|{{#ifeq:{{#if:|{{{border}}}|child}}|child||{{#ifeq:{{#if:|{{{border}}}|child}}|subgroup||{{#switch:change element display properties

|doc
|sandbox
|testcases =
|#default = {{#switch:
 |plainlist
 |hlist
 |hlist hnum
 |hlist vcard
 |vcard hlist = 
 |#default = 
 }}
}}

}}}}}}{{#if:|

{{{image}}}

}}}}{{#if:|{{#if:Customising IMSMANG{{#switch:{{#if:|{{{border}}}|child}}|subgroup|child=|none=|#default=

}}{{#ifeq:|Template|{{#ifeq:{{#if:|{{{border}}}|child}}|child||{{#ifeq:{{#if:|{{{border}}}|child}}|subgroup||{{#switch:change element display properties

|doc
|sandbox
|testcases =
|#default = {{#switch:
 |plainlist
 |hlist
 |hlist hnum
 |hlist vcard
 |vcard hlist = 
 |#default = 
 }}
}}

}}}}}}|}}{{#if:|{{{group2}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list2}}}

}}{{#if:|{{#if:Customising IMSMANG{{#switch:{{#if:|{{{border}}}|child}}|subgroup|child=|none=|#default=

}}{{#ifeq:|Template|{{#ifeq:{{#if:|{{{border}}}|child}}|child||{{#ifeq:{{#if:|{{{border}}}|child}}|subgroup||{{#switch:change element display properties

|doc
|sandbox
|testcases =
|#default = {{#switch:
 |plainlist
 |hlist
 |hlist hnum
 |hlist vcard
 |vcard hlist = 
 |#default = 
 }}
}}

}}}}}}|}}{{#if:|{{{group3}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list3}}}

}}{{#if:|{{#if:|{{{group4}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list4}}}

}}{{#if:|{{#if:|{{{group5}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list5}}}

}}{{#if:|{{#if:|{{{group6}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list6}}}

}}{{#if:|{{#if:|{{{group7}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list7}}}

}}{{#if:|{{#if:|{{{group8}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list8}}}

}}{{#if:|{{#if:|{{{group9}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list9}}}

}}{{#if:|{{#if:|{{{group10}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list10}}}

}}{{#if:|{{#if:|{{{group11}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list11}}}

}}{{#if:|{{#if:|{{{group12}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list12}}}

}}{{#if:|{{#if:|{{{group13}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list13}}}

}}{{#if:|{{#if:|{{{group14}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list14}}}

}}{{#if:|{{#if:|{{{group15}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list15}}}

}}{{#if:|{{#if:|{{{group16}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list16}}}

}}{{#if:|{{#if:|{{{group17}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list17}}}

}}{{#if:|{{#if:|{{{group18}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list18}}}

}}{{#if:|{{#if:|{{{group19}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list19}}}

}}{{#if:|{{#if:|{{{group20}}}<td style="text-align:left;border-left-width:2px;border-left-style:solid;|

{{{list20}}}

}}{{#if:|{{#if:Customising IMSMANG{{#switch:{{#if:|{{{border}}}|child}}|subgroup|child=|none=|#default=

}}{{#ifeq:|Template|{{#ifeq:{{#if:|{{{border}}}|child}}|child||{{#ifeq:{{#if:|{{{border}}}|child}}|subgroup||{{#switch:change element display properties

|doc
|sandbox
|testcases =
|#default = {{#switch:
 |plainlist
 |hlist
 |hlist hnum
 |hlist vcard
 |vcard hlist = 
 |#default = 
 }}
}}

}}}}}}|}}

{{{below}}}

}}{{#switch:|subgroup|child=

|none=|#default=}}{{#ifeq:|Template|{{#ifeq:|child||{{#ifeq:|subgroup||{{#switch:change element display properties
|doc
|sandbox
|testcases =
|#default = {{#switch:hlist
 |plainlist
 |hlist
 |hlist hnum
 |hlist vcard
 |vcard hlist = 
 |#default = 
 }}
}}

}}}}}}