U bekijkt help-inhoud voor de versie::
- 6.4
- 6.3
- 6.2
- Eerdere versies
You can customize layout and positioning of the error messages of an adaptive form. You can perform the following customizations:
- Customize location and layout of the caption of a field without making any change to the corresponding CSS properties
- Customize position of inline error messages
- Customize content of dynamic help indicator
- Customize position of the field components (caption, widget, short description, long description, and help indicator components) without making any change to the corresponding CSS properties
You can customize the layout of a single field or of all the fields to change the position of caption and error messages. Perform the following steps to apply a custom layout to a field:
With AEM Forms, you can now create a theme and apply it to your form. Theme editor lets you specify styling of form components in one place. When you create a theme, you specify styling at a component level. For more information on themes, see Themes in AEM Forms.
Create a theme using Theme Editor to customize layout of all fields in your form. After you create a theme, perform the following steps to apply it to a form:
-
To add new styles and behavior, create a client library in the /etc node.
For example, at the location /etc/af-field-layout-clientlib, create the node client-library. Add the categories property with value af.field.errorOnRight and style.less file with following code:
.widgetErrorWrapper { height: 38px; margin: 5px; .guideFieldWidget{ width: 60%; float: left; } .guideFieldError{ overflow:hidden; width:40%; } }
Downloaden