Form Container

Data collection: Forms can be used to collect data from website visitors for various purposes, such as market research, user behavior analysis and more.

Lead generation: A form can be used to gather information from potential customers, such as name and email address, to generate leads for sales and marketing efforts.

E-commerce: Forms can be used for online shopping, allowing customers to place orders and make payments through the website.

Contact: A contact form allows website visitors to easily reach out to the website owner or organization.

Surveys and polls: Forms can be used to gather feedback and opinions from website visitors through surveys and polls.

Event registration: Forms can be used for event registration, allowing website visitors to sign up for events or webinars.

Subscriptions: Forms can be used for website subscriptions, allowing visitors to sign up for a newsletter or other regular communications.

User authentication: Forms can be used for user authentication, allowing website visitors to create accounts and log in to access exclusive content or features.

Increase conversion rate: A well-designed form can increase the conversion rate by making it easy for users to complete a desired action, like purchasing a product or signing up for a service.

Prefill services - This option allows the user to select a prefill service for retrieving data when the Adaptive Form is rendered. Learn more about how to create and configure a prefill service.

Client Library category - The user can configure custom JavaScript library per Adaptive Form. It is recommended to keep only the reusable functions in the library, which have dependency on jquery and underscore.js third-party libraries.
At times, if there are complex validation rules, the exact validation script reside in custom functions and users calls these custom functions from field validation expression. To make this custom function library known and available while performing server-side validations, the form user can configure the name of AEM client library under the Basic tab of Adaptive Form Container properties as shown below.

Show Message - This option allows users to add a message that is displayed when the Adaptive Form is successfully submitted. The predefined text is included in the dialog box and it can be modified by the user. The Show Message dialog supports rich text formatting tools that allow users to format the added text.

Submit Action - A Submit Action is triggered when a user clicks the Submit button on an Adaptive Form. The users can select Submit Actions from the drop-down list that are supported out of the box. Learn how to configure a Submit Action in the Submission tab.

Default CSS Classes: You can provide a default CSS class for the Adaptive Forms Form Container Core Component.

Allowed Styles: You can define styles by providing a name and the CSS class that represents the style. For example, you can create a style named “bold text” and provide the CSS class “font-weight: bold”. You can use or apply these styles to an Adaptive Form in Adaptive Forms editor. To apply a style, in Adaptive Forms editor, select the component you want to apply the style to, navigate to the properties dialog, and select the desired style from the Styles drop-down list. If you need to update or modify the styles, simply return to the Design Dialog, update the styles in the styles tab, and save the changes.

Group Name: You can provide a name to identify the custom property group. You can add, delete, or rearrange multiple custom property groups. After adding the custom property group, you can see the following options:

• Key-Value Pairs: You can add multiple custom property names and custom property values by clicking the Add button for each custom property group.

• Delete: Tap or click to delete the custom property name and custom property value.

• Rearrange: Tap or click and drag to rearrange the order of the custom property name and custom property value.