Examples: 1 | 2 | 3 | 4

Configuration example EditForm 1

Configuration:

• Formatting the title and form width.
• Incorporation of the input and output fields. Determining the mandatory input fields.
• Definition of a sub-section.
• Incorporation of a Back button, which results, in the action, in the invocation of a back_onClick()-method.
• Incorporation of a Save button, which results, in the action, in the invocation of a save_onClick()-method.

<forms:form
    type="edit"
    caption="User - Edit"
    formid="frmEdit">

    <forms:plaintext
        label="User-Id"
        property="userId"/>

    <forms:text
        label="First-Name"
        property="lastName"
        size="45"
        required="true"/>

    <forms:text
        label="Last-Name"
        property="firstName"
        size="45"
        required="true"/>

    <forms:select
        label="Role"
        property="rolekey">
        <ctrl:options
            property="roleOptions"/>
    </forms:select>

    <forms:text
        label="eMail"
        property="email"
        size="45"
        maxlength="256"/>

    <forms:text
        label="Phone"
        property="phone"
        size="25" />

    <forms:section title="Address">

        <forms:text
            label="Street"
            property="street"
            size="45"
            maxlength="80"/>

        <forms:text
            label="Number"
            property="streetnumber"
            size="5"/>

        <forms:text
            label="ZipCode"
            property="zipcode"
            size="5"/>

        <forms:text
            label="City"
            property="city"
            size="25"/>

        <forms:select
            label="Country"
            property="countrycode">
            <ctrl:options
                property="countryOptions"
                labelProperty="country"/>
        </forms:select>

    </forms:section>

    <forms:buttonsection default="btnSave">
        <forms:button
            name="btnBack"
            src="fw/cc/image/buttons/btnBack1.gif"
            title="Back"/>
        <forms:button
            name="btnSave"
            src="fw/cc/image/buttons/btnSave1.gif"
            title="Save"/>
    </forms:buttonsection>

</forms:form>