Adding the Form to the Apply Page

By default, each object definition uses a layout for entry creation. Besides layouts, Liferay provides form fragments that you can map to custom objects for creating entries. Using form fragments, Delectable Bonsai can replace their object layout and integrate the form into their site pages.

Add the provided form fragment composition to the Apply page and configure its elements:

  1. Navigate to the Apply page and click Edit (Edit Button).

    Navigate to the Apply page.

  2. Drag and drop the Form Page fragment into the empty Fragment Elements container at the bottom of the page.

    Drag and drop the Form Page fragment into the empty Fragment Elements container.

    This includes a form container that’s mapped to the Distributor Application object and its fields. The form organizes form elements into these groups:

    • General Details
    • Primary Contact Information
    • Business Details
    • Business Address
    • Additional Business Information
    • Attachments
    • Submit

    The Form Page fragment includes seven containers with fragments already mapped to object fields.

  3. Select these fields and mark them as required:

    • Applicant Email
    • Primary Contact Name
    • Primary Contact Email
    • Business Name
    • Business Website
    • Business Phone Number

    Mark fields as required.

  4. Select these fields and enter a display label for them:

    FieldLabel
    Primary Contact NameFull Name
    Primary Contact TitleTitle
    Primary Contact EmailEmail
    Primary Contact Phone NumberPhone Number

    The provided fragments include display labels for the business, bank, and reference fields.

    Enter display labels for fields.

  5. Set placeholder text for these fields:

    FieldPlaceholder
    Primary Contact Phone Numbere.g., +1 (777) 777-7777
    Business Websitee.g., https://businesswebsite.com
    Business Phone Numbere.g., +1 (777) 777-7777

    Set placeholder test for fields.

  6. Select the Form Container fragment, set the Success Message to Page, and select Application Submission.

    Set the Success Message to Page and select Application Submission.

  7. Click Publish.

Great! Now that you’ve added the form and configured its elements, Delectable Bonsai’s prospective distributors can use the form to submit applications. Next, design the success page for application submissions.

Next: Adding Details to the Success Page

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy