alfresco-ng2-components/docs/core/components/form-field.component.md
Maurizio Vitale 28a47e83d2
Fetch the userInfo once loggedIn and expose the capability of admin (#7682)
* Fetch the userInfo once loggedIn and expose the cabilibility of admin

* Rollback method

* Return same use if defined

* Use the same pepleContent service for UserInfoCOmpnent

* Remove useless import

* Use interface

* Use angular resolver instead of guard

* Remove fdescribe

* Fix linting

* Regenerate doc

* Improve doc

* Fix optional

* Fix the unit test

* Fix comment

* Fix lint

* Fix unit

* Add fetch user as part of the ssoGuard

* Fix unit test after fetch

* Add additional unit

* Fix await
2022-06-27 12:02:01 +01:00

4.6 KiB

Title, Added, Status, Last reviewed
Title Added Status Last reviewed
Form field component v2.0.0 Active 2018-11-20

Form field component

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