Group

A group is a handy way of separating your xform in to sections so that they have headings, and overall by using them they improved the layout of forms, it also maybe a good idea to add a class “name” that will helps you remember and find sections with the form more easily.   

Input

Inputs elements are the simplest way to get a text box to entre data in a form.

Entre bind and give class to give the input control more functionality.

”Label Name”

Input:Hidden

IF you required a input to be hidden just give the class = hidden and the control with not display to screen

”Label Name”

Input:Display

Input:Calendar

This allows a user to input the date by using a pop up screen when clicked in the input area, Note by adding the class=”calendar” it turns the input from a plain text box to a calendar picker.

Two options:

date calendar

Add image calendar

This is a variation that helps the user pick a Date of Birth, Note class="DOBcalendar"

        Date Of Birth Picker

Add image DOBcalendar

Input:ColorPicker

This allows the user to pick a colour of their choice Note class="colorPicker"

          Colour Picker

Add image ColourPicker

Input:imgVerification

This allows the user to add some Verification by entering some text they see from an image

      imgVerificationa tag

Add image imgverifitcation

Input:PickImage

 This allows the user to pick an image from the resources library

        Pick Image

Input:PickDocument

This allows the user to pick a Document from the resources library

        Pick Document

Input:PickMedia

This allows the user to pick media from the resources library

        Pick Media

Input:AreaTag

TextArea

 This allows the user to entre text, it given a bigger area to work with than an input control.

</p> <p>        <label>Label for the textarea</label></p> <p>

Add image textareaSimple

You can change the starting amount of rows and columns by adding rows="Number" cols="Number" inside the textarea control like so

</p> <p>        <label>Label for the textarea</label></p> <p>

TextArea:xhtml

This allows the user to entre text with a text editor function, Note the  class="TextArea xhtml"

</p> <p>        <label>This text area</label></p> <p>

Range

 This allows the user to pick an option from within a predetermined range. You need to make sure that the range has start="0" end="9000" has values or this will not work, the step=”” is optional.

        Animation Start

Upload

 This allows the user to upload a file from their PC

      upload

Repeat

RelatedContent