Footer
A footer component in an Adaptive Form is an area that typically appears at the bottom of the form and contains information such as a copyright notice, links to related resources, or contact information. A footer can provide additional information, such as the date of the last update, which can be beneficial for users with accessibility needs.
Example
Usage
There are several reasons why it is beneficial to include a footer component in a form, including:
-
Legal requirements: Some forms may be required to include a disclaimer, copyright notice, or other legal information. A footer is a convenient place to include this information.
-
Navigation: A footer can provide links to other important pages on the website, such as a privacy policy, terms of service, or contact page.
-
Branding: A footer can be used to include a logo or other branding elements, helping to reinforce the identity of the organization or website.
-
Consistency: A footer provides consistency in the design and layout of the form, making it more intuitive and easy for users to navigate.
-
Additional context: A footer can provide additional context to the form, such as a text describing the form or a link to related resources, making the form more informative and user-friendly.
Version and Compatibility
The Adaptive Forms Accordion Core Component was released in Feb 2023 as part of the Core Components 2.0.4 for Cloud Service and Core Components 1.1.12 for AEM 6.5.16.0 Forms or later. Here’s a table showing all supported versions, AEM compatibility, and links to corresponding documentation:
release 2.0.4 and later
release 1.1.12 and later but less than 2.0.0.
For information on Core Component versions and releases, refer to the Core Components Versions document.
Technical Details
Get the latest information on the Adaptive Forms Footer Core Component in the technical documentation on GitHub. For more on developing Core Components, check out the Core Components developer documentation.
Configure Dialog
You can easily customize your footer experience for visitors with the Configure Dialog. You can also define footer options with ease for a seamless user experience.
-
Edit Dialog box
The edit dialog provides standard rich text formatting tools that allow the user to create text for the footer. -
Bold - This option applies bold formatting to selected text or boldly format text entered after the cursor.
Ctrl+B
is a keyboard shortcut. -
Italic - This option applies italicized formatting to selected text or italicize text entered after the cursor.
Ctrl+I
is a keyboard shortcut.
-
Bullet
-
Bullet icon - It formats the selected text as a bulleted list or begin the insertion of a bulleted list after the cursor. To end a bulleted list, tap or click the Bullet button again or enter two carriage returns.
-
Numbered list icon - It formats the selected text as a numbered list or begin the insertion of a numbered list after the cursor. To end a numbered list, tap or click the Numbered button again or enter two carriage returns.
-
Outdent icon - It decreases the indentation level of the selected text or text entered after the cursor. Only active if the selected text or position of the cursor is already indented.
-
Indent icon - It increases the indentation level of the selected text or text entered after the cursor.
-
-
Hyperlink
-
Path - Enter the path
- Use the Open Selection Dialog to choose a path in AEM.
- If the link is not within AEM, enter the absolute URL.
- Non-absolute paths are interpreted as relative to AEM.
-
Alternative text - Enter alternative descriptive text for the link.
-
Target - Select link behavior
- Target
- Same Tab
- New Tab
- Parent Frame
- Top Frame
-
Unlink icon - This option removes a link already applied to the selected text. This option is only active if the link is already selected.
-
Paragraph format icon - This option allows you to apply paragraph formatting to the selected text. It also helps you to format the text inserted after the cursor. It defines the heading level of the title.
-
-
ID: This option allows to control the unique identifier of the component in the HTML and in the Data Layer.
- If left blank, a unique ID is automatically * generated for you and can be found by inspecting the resulting page.
- If an ID is specified, it is the responsibility of the author to make sure that it is unique.
- Changing the ID can have an impact on CSS, JS and Data Layer tracking.
Related Articles
- Accordion
- Button
- Check Box Group
- Checkbox
- Date Picker
- Drop-down list
- Email-input
- Form Container
- File Attachment
- Form Fragment
- Footer
- Header
- Image
- Number Input
- Panel Container
- Horizontal tab
- Vertical tab
- Radio Button
- Reset Button
- Submit Button
- Switch
- Telephone input
- Text Input
- Text
- Title
- Terms and Conditions tab
- Wizard
See Also
- Create an AEM Adaptive Form
- Add an AEM Adaptive Form to AEM Sites page
- Apply themes to an AEM Adaptive Form
- Add components to an AEM Adaptive Form
- Use reCAPTCHA in an AEM Adaptive Form
- Generate PDF version (DoR) of an AEM Adaptive Form
- Translate an AEM Adaptive Form
- Enable Adobe Analytics for an Adaptive Form to track form usage
- Connect Adaptive Form to Microsoft SharePoint
- Connect Adaptive Form to Microsoft Power Automate
- Connect Adaptive Form to Microsoft OneDrive
- Connect Adaptive Form to Microsoft Azure Blob Storage
- Connect Adaptive Form to Salesforce
- Use Adobe Sign in an AEM Adaptive Form
- Add a new locale for an Adaptive Form
- Send Adaptive Form data to a database
- Send Adaptive Form data to a REST endpoint
- Send Adaptive Form data to AEM Workflow
- Use Forms Portal to list AEM Adaptive Forms on an AEM website