Files
alfresco-ng2-components/docs/form-field.component.md
T
Eugenio Romano 43032c7fd7 2.1.0 (#2891)
* adf-insights 2.0.1

* update script

* [ADF-2048] Fixed corrupted link in User Guide (#2757)

* [ADF-1752] disable completely sidebar when allowSidebar option is false (#2753)

* [ADF-1752] disable completely sidebar when allowSidebar option is false

* [ADF-1752] improved condition for showing toolbar

* support for explicit viewer type for URL (#2688)

* Fix line clamp temporary (#2747)

* Adding automation-id to search-control component (#2759)

* [ADF-2025] Task List - The pagination should be fetched from the UserPreference (#2733)

[ADF-2025] Task List - The pagination should be fetched from the UserPreference

* Update viewer documentation (#2763)

* [ADF-1431] Destination Picker: Display path of the folder in search results (#2762)

* Add initial implementation with style fixes

* Further style fixes

* Add tests, styling fixes

* Fix the title of Model column in ECM License datatable. (#2770)

* [ADF-1826] Task Header - The priority property should be editable (#2768)

* [ADF-1826] Task Header - The priority property should be editable

* [ADF-1826] - Fixed isEditble typo

* [ADF-1826] - Adding unit test - checking the priority value is displayed

* [ADF-1826] fixed unit test

* [ADF-1826] fixed unit test (replaced fit with it)

* [ADF-2056] update dependencies (#2764)

* update dependencies
add ban for fdescribe in tslint
reenable test
add badge codacy
check bundles esm5 and esm2015
travis run new vuild script

* remove fdescribe

* material 5.0.0 stable release

* comment out test service under should return the task details

* [ADF-2051] Involve people name is not displayed properly. (#2773)

This issue is now fixed

* [ADF-2061] Fix content node selector search (#2772)

* Fix content node selector search

* Fix tests

* [ADF-2069] Error is displayed on console when adding a description to a task. (#2779)

* Fixed the console error coming while adding description or priority in task details

* special CSS class if pagination is empty (#2780)

* add missing exports (#2782)

* [ADF-2065] Refactored Content node selector component  (#2778)

* [ADF-2065] created dialog component for content node selector

* [ADF-2065] removing SiteModel from site dropdown to use SitePaging model of js-api

* [ADF-2065] - removed site model and updated documentation

* [ADF-2065] fixed test for site component

* [ADF-2065] refactored content node selector and created content node selector dialog

* [ADF-2065] fixed test on site-api service

* [ADF-2065] added a new content node dialog service to centralise the logic for content node dialog

* [ADF-2065] start adding test for node-actions service|

* [ADF-2065] added test for node-actions service

* [ADF-2065] added test for node action service

* [ADF-2065] renamed components to keep backward compatibility

* [ADF-2065] added input just for backward compatibility

* [ADF-2065] added some changes for backward compatibility and updated documentation

* [ADF-2065] updated documentation for content node selector

* add missing exports (#2784)

* [ADF-2102] Task List - Provide a way to support custom html template and static columns at same time (#2787)

* * Removed unused adf-task-list keys from app.config
* Fix can add/remove the static property through the app.config and can put custom columns into the html in adf-tasklist component

* Fix add/remove the static property through the app.config and can put custom columns into the html in adf-tasklist component

* * Fixed support custom html template and static columns.
* Updated tasklist doc.
* Fixed failing test case.

* * Fixed support custom html template and static columns

* * Updated task-list documentation.

* [ADF-2094] Task Form - Doesn't follow the specification (#2786)

* [ADF-2094] Task Form - Doesn't follow the specification

* Removed icon visible beside title

* Made font-size for title as semibold 20px

* Set the outcome buttons on bottom right side

* set color of Complete button as primary

* [ADF-2094] Task Form - Doesn't follow the specification
* Changed the css for the Adf-form according to zeplin design

* Removed icon visible beside title

* Made font-size for title as semibold 20px

* Set the outcome buttons on bottom right side

* set color of Complete button as primary

* [ADF-2094] Task Form - Doesn't follow the specification

* Changed the css for the adf-form according to zeplin design

* Removed icon visible beside title

* Made font-size for title as semibold 20px

* Set the outcome buttons on bottom right side

* set color of Complete button as primary

* [ADF-2103] Info Drawer - Provide a way to select a different tab (#2788)

* Provide a way to select a different tab

* Fix the default value

* Override the value through the html

* fix different material depencncies (#2791)

* [ADF-2070][ADF-2071][ADF-2072] 'Load more' on destination picker does… (#2774)

* [ADF-2070][ADF-2071][ADF-2072] 'Load more' on destination picker doesn't display correct content of folders

* [ADF-2070][ADF-2071][ADF-2072] add tests

* [ADF-2070][ADF-2071][ADF-2072] 'Load more' on destination picker doesn't display correct content of folders

* [ADF-2102] Task List - Provide a way to support custom html template and static columns at same time (#2793)

* Removed lodash import from tasklist component.
* Refactored getschema method.

* [ADF-2067] Not able to see the 'My tasks' filter when clicking on a newly created app. (#2792)

* fixed Not able to see the 'My tasks' filter when clicking on a newly created app.
* Create default services return response with id.

* [ADF-2098] Start Process - the default process definition should be selected  (#2794)

* [ADF-2098] Start Process - the default process definition should be selected

* made the start-process component to automatically select Process definition if it is the only definition.

* [ADF-2098] Start Process - the default process definition should be selected

* made the start-process component to automatically select a processDef in start-form if there just one processDef present

* [ADF-2098] Start Process - the default process definition should be selected

* made the start-process component to automatically select a processDef in start-form if there just one processDef present

* Update start-process.component.html

* Update start-process.component.ts

* Fix adf is not defined for customStencil (#2795)

* [ADF-2109] Task Form - The form doesn't fit in the mobile screen (#2797)

* [ADF-2109] Task Form - The form doesn't fit in the mobile screen

* Made form mobile compatible

* Fixed issues arising due to the issue ADF-2094

* [ADF-2109] Task Form - The form doesn't fit in the mobile screen

* Made adf form mobile compatible

* Fixed issues arising due to the issue ADF-2094

* [ADF-2095] Start Task - The start button should have the primary colour (#2799)

* [ADF-2095] Start Task - The start button should have the primary colour.

* fixed start button should have the primary colour.

* [ADF-2095] Start Task/Process - The start button should have the primary colour.

*  fixed start button should have the primary colour and Uppercase.

* * Start task button should have the primary colour

* [ADF-1958] Process Attachment list - The empty list should be a simpl… (#2798)

* [ADF-1958] Process Attachment list - The empty list should be a simple template

* changed the default empty list to a simple template

* changed process-attachment.component.html so that the user can pass custom empty tempate

* [ADF-1958] Process Attachment list - The empty list should be a simple template

* changed the default empty list to a simple template

* changed process-attachment.component.html so that the user can pass custom empty tempate

* removed some unused variables

* [ADF-1958] Process Attachment list - The empty list should be a simple template

* changed the default empty list to a simple template

* changed process-attachment.component.html so that the user can pass custom empty tempate

* [ADF-2119] Document List - The pagination should be fetched from the UserPreference (#2801)

* Changed the service fetching page sizes in document-list component

* uncommented a line in process-service.component.ts for the tasklist to show page-sizes in task-list

* [no-issue] docker file (#2800)

* docker file

* cache busting for translation files (#2804)

* [ADF-1999] i18n support for file size pipe (#2803)

* i18n support for fileSize pipe

* remove unused declaration

* update unit test

* fix documentation theming

* docker nginx fix

* documentation updates (#2806)

* viewer styling improvements (#2805)

* add missing headless chrome setup for Travis (#2807)

* [ADF-2127] Started introducing new doc tools (#2809)

* try to revert karma change

* [fix-build] add stable version chrome in travis conf (#2819)

* chrome stable

* No input and No Output rename tslint rule (#2814)

* [ADF-1999] fix file size translation for 0 bytes (#2817)

* fix file size translation for 0 bytes

* update translation mock

* [ADF-2135] Updated tables of contents and tools (#2820)

* [ADF-1986] Content matadata editing phase II. (#2796)

* Aspects collection

* Fetch only those metadata aspects which are defined in the application config

* Aspect property filtering first round

* Addig wildcard support for preset, default preset fallback to wildcard, and logging

* Add white list service

* Renaming services

* ContentMetadataService and CardViewItemDispatcherComponent update

* Observables... Observables everywhere...

* Propers CardViewAspect

* Defining more interfaces

* Dummy data and expansions panels

* Fix build attempt & proper panel expansion

* Folder restructuring

* Add different type mappings

* Restructuring Card view component

* Fix build

* More ECM types supported

* Validators first phase, extraction of interfaces, world domination preparation

* Validators phase II.

* Integer and float validators

* Hide empty text items and validation message foundation

* Validation error messages for text item view, small style changes

* Update date item

* bool item component

* Datetimepicker npm module

* Datetime model

* Add mapping for datetime

* Small fixes

* Passing down preset

* Adding forgotten package.json entry

* Adding some tests for wrapper card component

* content-metadata.component tests

* Covering some edge cases, adding some tests

* Fix cardview component's test

* Add datetimepicker to demoshell

* card view component show empty values by default

* displayEmpty dependency injection

* remove table like design from cardview

* Using alfresco-js-api instead of spike

* Remove spike folder and contents

* Fix test

* Cardview updated docs

* Content metadata md

* Fix review issues

* Fix the packagr issue

* [ADF-2097] Sidebar Action Menu - New component (#2813)

SidebarMenu Component

* [no-issue] downgrade scss bundle and some other minor fix (#2824)

* downgrade scss bundle and some other minor fix

* 2.0.9

* remove chrome in travis conf

* execute different configuration

* [ADF-1769] Added JSDoc for components (#2823)

* [ADF-1769] Added JSDoc for components

* [ADF-1769] Fixed tslint error with trailing whitespace

* [ADF-2135] Updated tables of contents (#2822)

* [ADF-2054] Created a new widget to handle uploading file from Share (#2810)

* [ADF-2054] start creating custom upload widget for share integration

* [ADF-2054] changed content node selector service to allow different opening approach

* [ADF-2054] addedd support for multi resource files

* [ADF-2054] fixed base case for upload when only local files are selected

* [ADF-2054] start adding and fixing tests for new share attach button widget

* [ADF-2054] changed test to perfrom a correct check

* [ADF-2054] removed fdescribe

* [ADF-2054] added test for share-widget component

* [ADF-2054] added peer reviews changes

* [ADF-2054] created a module folder for content widgets

* [ADF-2054] fixed wrong import

* [ADF-2054] fixed rebase errors

* [ADF-2054] restored some files changed by rebase

* [ADF-2054] added link to content services to fix packaging issue

* [ADF-2054] renamed widget

* [ADF-2136] support shared links and renditions in the Viewer (#2826)

* support previewing shared link content

* remove unused router instance

* docs update

* support 'shared links' preview in the Viewer

* fallback to image preview if PDF rendition now available (#2827)

* contentActions enabling properties

* [contextMenuActions]="true" properties documentation

* [ADF-2172]Adding data-automation-id for create task/process button (#2828)

* [ADF-2152] Updated See Also sections in docs (#2830)

* [ADF-1769] Updates to prop table script (#2829)

* [ADF-1769] Fixed prop table tool formatting

* [ADF-1769] Added code style to event type column

* [ADF-2148] Update the angular and material libraries to the latest version (#2821)

* Update the angular and material library to the latest version

* [ADF-325] added attach folder widget (#2831)

[ADF-325] added new attach folder widget

*  [ADF-2053] improved search result adding refresh on delete (#2836)

* [ADF-2053] refreshed results when folder is deleted

* [ADF-2053] improved search result adding refresh on delete

* [ADF-2053] added missing whitespace

* [ADF-2120] added page size retrieving from user preference on demo shell (#2837)

* [ADF-2152] Added See Also sections and updated doc tools (#2835)

* [ADF-2152] Added See Also sections to docs

* [ADF-2152] Added doc script to package.json

* [ADF-2162] Added screenshot for Notification service (#2843)

* Fix mobile media query (#2840)

* Remove wrapping form datatable header (#2841)

* [ADF-2152] Updated See Also sections in docs (#2842)

* [ADF-2055] Ability to pre-populate form with a file and values (#2834)

* fix translations form

* fix style webpack script

* fix tslint error problem in viewer

* fix naming problems in attach file widget

* add start process form values data initialization option

* fix translation problems

* missing return type

* start process name configuration

* add CS cross PS configuration

* start process from file example

* fix minor issues

* add documentation and move the dialog in a separate component

* easy test select app

* alfrescoRepositoryName right property

* file conversion test

* fix issue after CR

* Remove forgotten semicolon.

* Fix default translation key (#2844)

* [ADF-1769] Added JSDocs and updated prop table script (#2838)

* [ADF-1769] Added JSDocs and updated prop table script

* [ADF-1769] Fixed lint error in JSDoc

* [ADF-2152] Updated See Also sections in docs (#2846)

* Add soem more explanation in the search autocomplete binding

* Rollback the upgrade libs (#2850)

* [ADF-1880] processDefinitionId parameter in adf-start-process (#2848)

* processDefinitionId parameter in adf-start-process

* fix test

* fix test

* Add @angular-devkit/core as dev dependency (#2853)

* [ADF-2183] fixed translation on no permission tooltip (#2857)

* Fix localisation in Datetimepicker (#2851)

* [ADF-2157] Infinite pagination target supporting (#2856)

* Infinite pagination target supporting

* Updating documentation

* [ADF-1769] Updated prop table script to handle inherited classes (#2855)

* [ADF-2170] fixed condition for file size equal zero (#2860)

* [ADF-2170] fixed condition for file size equal zero

* [ADF-2170] refactored if condition

* [ADF-2186] Update calculated properties on node change in content metadata compo… (#2862)

* Update calculated properties on node change in content metadata component

* Add module to public api

* [ADF-2160] Improved combined action info in Content Action component docs (#2861)

* remove processInstanceId reset (#2847)

* [ADF-2150] improved queryBody mechanism (#2852)

* [ADF-2150] changed query body parameter to a function

* [ADF-2150] added an example page where to try change query body

* [ADF-2150] improved queryBody mechanism

* [ADF-2150] fixed content node test

* [ADF-2150] extended docs added another way to use the query node

* [ADF-2150] fixed test for search on content node

* [ADF-2150] added some improvements to service config

* [ADF-2150] changed the documentation accordingly

* [ADF-2150] added PR changes

* [ADF-2150] fixed jdoc

* [ADF-2150] added checkbox to switch from service approach to input object approach

* [ADF-2150] fixed build error on demo shell

* style fixes for viewer (#2858)

* style fixes for viewer

* use theme colors

* initial theme support for PDF viewer

* [ADF-2196] fixed error message for no permission on copy and move (#2863)

* [ADF-2196] fixed error message for no permission on copy and move

* [ADF-2196] removed fdescribe

* Fix missing translation (#2867)

* Fix sidebar node reloading issue (#2866)

[ADF-2186] Fix sidebar node reloading issue

* [ADF-2201] Tidied Start Process docs (#2864)

* [ADF-2201] Tidied Start Process docs

* [ADF-2201] Removed file with probably incorrect name

* [ADF-2174] Menus background color is not properly displayed in black themes (#2859)

* [ADF-2174] Menus background color is not properly displayed in black themes

* Removed global mat-menu-panel class style overriding

* * Refactored styles

* * Changed opacity property to rgba so that injected coponents will not be affected

* Removed fixed menu width

* [ADF-2201] Tidied Content Node Dialog docs (#2870)

* Fix margin top (#2875)

* Fix dynamic table css (#2879)

* [ADF-1880] More configuration options for adf-start-process component (#2869)

* procesdefinitionId set
show dropdown multiple process

* fix sourcemap

* fix test start process

* fix test

* changes after code review

* add show dropdown optional

* remove fit fdescribe

* processDefinitionId in processDefinition change

* improve tests

* new i18n file 2.1.0 (#2878)

* [ADF-2201] Search Configuration doc (#2876)

* [ADF-2201] Updated search component docs and tidied index page

* [ADF-2201] Fixed incorrect link

* [ADF-2201] Updated docs based on feedback

* [ADF-2201] Fixed broken relative link

* Update start-process.component.md

* Update start-process.component.md

* [ADF-2201] Updated renditions service docs (#2880)

* [ADF-2208] The width of the 'New Task' option is smaller then Create Task drop down (#2881)

* Set width for menu and button

*  [ADF-2200] fixed problem with redirection url (#2877)

* [ADF-2200] fixed wrong handling of redirectUrl

* [ADF-2200] fixed problem with redirection url

* [ADF-2200] fixed redirection config path

* [ADF-2200] fixed wrong fdescribe test

* [ADF-2200] removed authserviceMock and fixed some tests

* Fix css error (#2882)

* [ADF-2188] Start Process - Change processDefinition property and fix bug (#2884)

* Change processDefinition property and fix bug

* Fix unit test

* Fix async

* Fix id

* [ADF-2200] fixed redirectUrl check (#2886)

* [ADF-2221] Search fails on Content Node Selector (#2888)

* [ADF-2201] Fixed broken links (#2890)

* export material only from the core (#2885)

* Remove app.config reference from doc (#2889)

* update versions to 2.1.0
2018-01-26 16:35:25 +00:00

2.4 KiB

Form field component

A form field in an APS 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.

Properties

Name Type Default Description
field FormFieldModel 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. See next section for how each field in a form definition is mapped to a form field component (i.e. UI widget) implementation.

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 DisplayValueWidgetComponent
Display text readonly-text DisplayTextWidgetComponentComponent
N/A container ContainerWidgetComponent (layout component)
N/A N/A UnknownWidgetComponent