Change Element Display Properties: Difference between revisions

From IMSMA Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 12: Line 12:
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 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.  


{| class="wikitable" valign="top"
{| class="wikitable"  
! Element !! Property Editor !! Read More
! Element !! Property Editor !! Read More
|-
|-
| Label
| Label / Text Tool
| [[Image:Label property editor.png|300px|]]
| [[Image:Label property editor.png|300px|]]
|
|
Line 41: Line 41:
| Multiple Select
| Multiple Select
| [[Image:MS property editor.png|400px|]]
| [[Image:MS property editor.png|400px|]]
|
| [[Add a Custom Option]]
|-
|-
| Number / Text Field / Text Tool
| Number / Text Field  
| [[Image:Text property editor.png|400px]]
| [[Image:Text property editor.png|400px]]
|
|
Line 57: Line 57:
| Single Select
| Single Select
| [[Image:SS property editor.png|400px|]]
| [[Image:SS property editor.png|400px|]]
| [[Change Single Selection List Display Properties | Change Single Select Options]]
| [[Add a Custom Option]]
[[Change Single Selection List Display Properties | Change Single Select Options]]
[[Edit Single Select Lists on the Design Pane]]
|-
|-
| Text Area
| Text Area

Revision as of 20:06, 1 March 2015

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:

  1. In the form designer pane, do one of the following:
    • Double-click the field that you would like to change.
    • Select the field and click the Properties button.
    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.
    Element Property Editor Read More
    Label / Text Tool
    Country Structure
    Date
    Icon 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 a Custom Option
    Number / Text Field
    Organisation
    Place
    Single Select Add a Custom Option

    Change Single Select Options Edit Single Select Lists on the Design Pane

    Text Area
    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 = 
     }}
    }}
    

    }}}}}}