Represents a UI field in a form.
Basic Usage
All form field editors (aka widgets) on a Form are rendered by means of a FormFieldComponent
that takes an instance of a FormFieldModel:
<adf-form-field [field]="field"></adf-form-field>
This component depends on the FormRenderingService to map the FormFieldModel to a Form Field UI component
based on the field type or the metadata information.
Class members
Properties
| Name | Type | Default value | Description |
|---|---|---|---|
| field | FormFieldModel | null | Contains all the necessary data needed to determine what UI Widget to use when rendering the field in the form. You would typically not create this data manually but instead create the form in APS and export it to get to all the FormFieldModel definitions. |
Details
You would typically not use this component directly but instead use the <adf-form> component, which under the hood
uses <adf-form-field> components to render the form fields.
Field Type -> Form Field Component mappings
Forms defined in APS have the following default mappings for the form fields:
APS Form Designer Widget | Field Type | Component Type |
|---|---|---|
| Text | text | TextWidgetComponent |
| Multi-line text | multi-line-text | MultilineTextWidgetComponentComponent |
| Number | integer | NumberWidgetComponent |
| Checkbox | boolean | CheckboxWidgetComponent |
| Date | date | DateWidgetComponent |
| Dropdown | dropdown | DropdownWidgetComponent |
| Typeahead | typeahead | TypeaheadWidgetComponent |
| Amount | amount | AmountWidgetComponent |
| Radio buttons | radio-buttons | RadioButtonsWidgetComponent |
| People | people | PeopleWidgetComponent |
| Group of people | functional-group | FunctionalGroupWidgetComponent |
| Dynamic table | dynamic-table | DynamicTableWidgetComponent |
| Hyperlink | hyperlink | HyperlinkWidgetComponent |
| Header | group | ContainerWidgetComponent |
| Attach File | upload | AttachWidgetComponent or UploadWidgetComponent (based on metadata) |
| Display value | readonly | TextWidgetComponent |
| Display text | readonly-text | DisplayTextWidgetComponent |
| N/A | container | ContainerWidgetComponent (layout component) |
| N/A | N/A | UnknownWidgetComponent |
© 2023 Alfresco Software, Inc. All Rights Reserved.
We use cookies on this site to enhance your user experience
By using this site, you are agreeing to allow us to collect and use cookies as outlined in Alfresco’s Cookie Statement and Terms of Use (and you have a legitimate interest in Alfresco and our products, authorizing us to contact you in such methods). If you are not ok with these terms, please do not use this website.