inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Andy Stark
2018-01-16 00:09:39 +00:00
committed by Eugenio Romano
parent 9d6e10d5c2
commit e757378e9b
16 changed files with 63 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/accordion-group.component.md
View File

@@ -32,7 +32,7 @@ export class MyComponent implements OnInit {
### Properties ### Properties
| Name | Type | Description | | Name | Type | Description |
| --- | --- | --- | | ---- | ---- | ----------- |
| heading | string | Title heading for the group. | | heading | string | Title heading for the group. |
| isSelected | boolean | Is this group currently selected? | | isSelected | boolean | Is this group currently selected? |
| headingIcon | string | The material design icon. | | headingIcon | string | The material design icon. |
@@ -43,9 +43,6 @@ export class MyComponent implements OnInit {
Place one or more accordion groups within an [Accordion component](accordion.component.md) to define a menu. Place one or more accordion groups within an [Accordion component](accordion.component.md) to define a menu.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Accordion component](accordion.component.md) - [Accordion component](accordion.component.md)
<!-- seealso end -->

8
docs/accordion.component.md
View File

@@ -32,7 +32,7 @@ export class MyComponent implements OnInit {
### Properties ### Properties
| Name | Type | Description | | Name | Type | Description |
| --- | --- | --- | | ---- | ---- | ----------- |
| heading | string | The header title. | | heading | string | The header title. |
| isSelected | boolean | Define if the accordion group is selected or not. | | isSelected | boolean | Define if the accordion group is selected or not. |
| headingIcon | string | The material design icon. | | headingIcon | string | The material design icon. |
@@ -69,9 +69,7 @@ the following example:
![how-create-accordion-menu](docassets/images/how-to-create-accordion-menu.png) ![how-create-accordion-menu](docassets/images/how-to-create-accordion-menu.png)
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Accordion group component](accordion-group.component.md) - [Accordion group component](accordion-group.component.md)
<!-- seealso end -->

7
docs/angular-material-design.md
View File

@@ -2,7 +2,7 @@
Google's Google's
[Material Design](https://material.io/guidelines/material-design/introduction.html) [Material Design](https://material.io/guidelines/material-design/introduction.html)
is an example of a *design language*, a is an example of a _design language_, a
general set of principles and ideas that are used to give designs a general set of principles and ideas that are used to give designs a
consistent look and feel. A design language might be used in-house by consistent look and feel. A design language might be used in-house by
a company to maintain a "family resemblance" between its products or to a company to maintain a "family resemblance" between its products or to
@@ -53,9 +53,6 @@ See the Material Design
[system icon docs](https://material.io/guidelines/style/icons.html#icons-system-icons) [system icon docs](https://material.io/guidelines/style/icons.html#icons-system-icons)
for further information and to download the set of standard icon images. for further information and to download the set of standard icon images.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Theming](theming.md) - [Theming](theming.md)
<!-- seealso end -->

10
docs/auth-guard-bpm.service.md
View File

@@ -31,13 +31,7 @@ either ACS or APS. See the
[ADF custom page tutorial](https://community.alfresco.com/docs/DOC-6628-adf-105-creating-custom-pages-and-components) [ADF custom page tutorial](https://community.alfresco.com/docs/DOC-6628-adf-105-creating-custom-pages-and-components)
for worked examples of all three guards. for worked examples of all three guards.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Auth guard ecm service](auth-guard-ecm.service.md) - [Auth guard ecm service](auth-guard-ecm.service.md)
- [Auth guard service](auth-guard.service.md) - [Auth guard service](auth-guard.service.md)
<!-- seealso end -->

10
docs/auth-guard-ecm.service.md
View File

@@ -31,13 +31,7 @@ either APS or ACS. See the
[ADF custom page tutorial](https://community.alfresco.com/docs/DOC-6628-adf-105-creating-custom-pages-and-components) [ADF custom page tutorial](https://community.alfresco.com/docs/DOC-6628-adf-105-creating-custom-pages-and-components)
for worked examples of all three guards. for worked examples of all three guards.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Auth guard service](auth-guard.service.md) - [Auth guard service](auth-guard.service.md)
- [Auth guard bpm service](auth-guard-bpm.service.md) - [Auth guard bpm service](auth-guard-bpm.service.md)
<!-- seealso end -->

10
docs/auth-guard.service.md
View File

@@ -32,13 +32,7 @@ against APS or ACS, respectively. See the
[ADF custom page tutorial](https://community.alfresco.com/docs/DOC-6628-adf-105-creating-custom-pages-and-components) [ADF custom page tutorial](https://community.alfresco.com/docs/DOC-6628-adf-105-creating-custom-pages-and-components)
for worked examples of all three guards. for worked examples of all three guards.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Auth guard bpm service](auth-guard-bpm.service.md) - [Auth guard bpm service](auth-guard-bpm.service.md)
- [Auth guard ecm service](auth-guard-ecm.service.md) - [Auth guard ecm service](auth-guard-ecm.service.md)
<!-- seealso end -->

9
docs/bpm-user.model.md
View File

@@ -14,11 +14,8 @@ it is likely to change and so its properties are not listed here. For the
latest version of the class, see the latest version of the class, see the
[source file](https://github.com/Alfresco/alfresco-ng2-components/blob/development/lib/core/userinfo/models/bpm-user.model.ts). [source file](https://github.com/Alfresco/alfresco-ng2-components/blob/development/lib/core/userinfo/models/bpm-user.model.ts).
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Bpm user service](bpm-user.service.md) - [Bpm user service](bpm-user.service.md)
- [Ecm user model](ecm-user.model.md) - [Ecm user model](ecm-user.model.md)
- [People process service](people-process.service.md) - [People process service](people-process.service.md)
<!-- seealso end -->

7
docs/bpm-user.service.md
View File

@@ -21,10 +21,7 @@ and
[getProfilePictureUrl](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/ProfileApi.md#getProfilePictureUrl) [getProfilePictureUrl](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/ProfileApi.md#getProfilePictureUrl)
methods in the Alfresco JS API for more information about the REST calls used by this service. methods in the Alfresco JS API for more information about the REST calls used by this service.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Ecm user service](ecm-user.service.md) - [Ecm user service](ecm-user.service.md)
- [Bpm user model](bpm-user.model.md) - [Bpm user model](bpm-user.model.md)
<!-- seealso end -->

15
docs/breadcrumb.component.md
View File

@@ -16,22 +16,19 @@ Indicates the current position within a navigation hierarchy.
### Properties ### Properties
| Name | Type | Description | | Name | Type | Description |
| --- | --- | --- | | ---- | ---- | ----------- |
| target | DocumentListComponent | (optional) DocumentList component to operate with. Upon clicks will instruct the given component to update. | | target | DocumentListComponent | (optional) DocumentList component to operate with. Upon clicks will instruct the given component to update. |
| folderNode | [MinimalNodeEntryEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeMinimalEntry.md) | Active node, builds UI based on `folderNode.path.elements` collection. | | folderNode | [MinimalNodeEntryEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeMinimalEntry.md) | Active node, builds UI based on `folderNode.path.elements` collection. |
| root | string | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use i18n resource key for the property value. | | root | string | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use i18n resource key for the property value. |
| rootId | string | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with. | | rootId | string | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with. |
### Events ### Events
| Name | Returned Type | Description | | Name | Returned Type | Description |
| --- | --- | --- | | ---- | ------------- | ----------- |
| navigate | [PathElementEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/PathElementEntity.md) | emitted when user clicks on a breadcrumb | | navigate | [PathElementEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/PathElementEntity.md) | emitted when user clicks on a breadcrumb |
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Document list component](document-list.component.md) - [Document list component](document-list.component.md)
- [Dropdown breadcrumb component](dropdown-breadcrumb.component.md) - [Dropdown breadcrumb component](dropdown-breadcrumb.component.md)
<!-- seealso end -->

5
docs/comment-process.model.md
View File

@@ -19,9 +19,6 @@ class CommentProcessModel implements CommentRepresentation {
} }
``` ```
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Comment process service](comment-process.service.md) - [Comment process service](comment-process.service.md)
<!-- seealso end -->

8
docs/comment-process.service.md
View File

@@ -23,12 +23,6 @@ comments returned by the methods of this service. Also, the Comments API section
[Alfresco JS API docs](https://github.com/Alfresco/alfresco-js-api/tree/master/src/alfresco-activiti-rest-api) [Alfresco JS API docs](https://github.com/Alfresco/alfresco-js-api/tree/master/src/alfresco-activiti-rest-api)
has further details about the underlying REST API. has further details about the underlying REST API.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Comment process model](comment-process.model.md) - [Comment process model](comment-process.model.md)
<!-- seealso end -->

38
docs/content-node-selector.component.md
View File

@@ -23,18 +23,17 @@ yourFunctionOnCopyOrMove(){
// place your action here on operation success! // place your action here on operation success!
}); });
} }
``` ```
#### Required parameters #### Required parameters
The dialog needs this information to be correctly opened : The dialog needs this information to be correctly opened :
| Name | Type | Description | | Name | Type | Description |
| --- | --- | --- | | ---- | ---- | ----------- |
| actionName | string | This will be the label for the confirm button of the dialog | | actionName | string | This will be the label for the confirm button of the dialog |
| targetNode | [MinimalNodeEntryEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/MinimalNode.md) | the node on which we are asking for copy/move action | | targetNode | [MinimalNodeEntryEntity](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/MinimalNode.md) | the node on which we are asking for copy/move action |
| neededPermissionForAction | string | needed permission to check to perform the relative action (es: copy will need the 'update' permission ) | | neededPermissionForAction | string | needed permission to check to perform the relative action (es: copy will need the 'update' permission ) |
the `openCopyMoveDialog` method will return an [observable](http://reactivex.io/rxjs/manual/overview.html#observable) that can where you can subscribe to get the selection result and apply the custom actions. the `openCopyMoveDialog` method will return an [observable](http://reactivex.io/rxjs/manual/overview.html#observable) that can where you can subscribe to get the selection result and apply the custom actions.
@@ -74,34 +73,32 @@ openSelectorDialog() {
this.dialog.closeAll(); this.dialog.closeAll();
}); });
} }
``` ```
With this system your function has to take care of opening/closing the dialog. All the results will be streamed on the select [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present into the `ContentNodeSelectorComponentData` object given to the dialog. With this system your function has to take care of opening/closing the dialog. All the results will be streamed on the select [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present into the `ContentNodeSelectorComponentData` object given to the dialog.
When clicked on the action the data.select stream will be completed. When clicked on the action the data.select stream will be completed.
### Properties ### Properties
| Name | Type | Default | Description | | Name | Type | Default | Description |
| --- | --- | --- | --- | | ---- | ---- | ------- | ----------- |
| title | string | "" | Text shown at the top of the selector | | title | string | "" | Text shown at the top of the selector |
| currentFolderId | string | null | Node ID of the folder currently listed | | currentFolderId | string | null | Node ID of the folder currently listed |
| dropdownHideMyFiles | boolean | false | Hide the "My Files" option added to the site list by default. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md)| | dropdownHideMyFiles | boolean | false | Hide the "My Files" option added to the site list by default. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md) |
| dropdownSiteList | [SitePaging](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | | custom site for site dropdown same as siteList. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md#properties) | | dropdownSiteList | [SitePaging](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | | custom site for site dropdown same as siteList. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md#properties) |
| rowFilter | RowFilter | null | Custom row filter function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-row-filter)| | rowFilter | RowFilter | null | Custom row filter function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-row-filter) |
| imageResolver | ImageResolver | null | Custom image resolver function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-image-resolver) | | imageResolver | ImageResolver | null | Custom image resolver function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-image-resolver) |
| pageSize | number | 10 | Number of items shown per page in the list | | pageSize | number | 10 | Number of items shown per page in the list |
### Events ### Events
| Name | Description | | Name | Description |
| --- | --- | | ---- | ----------- |
| select | Emitted when the user has selected an item | | select | Emitted when the user has selected an item |
### Using ContentNodeSelectorPanelComponent ### Using ContentNodeSelectorPanelComponent
```html ```html
<adf-content-node-selector-panel <adf-content-node-selector-panel
[currentFolderId]="currentFolderId" [currentFolderId]="currentFolderId"
[dropdownHideMyFiles]="dropdownHideMyFiles" [dropdownHideMyFiles]="dropdownHideMyFiles"
@@ -117,18 +114,18 @@ This will allow you to use the content node selector without the material dialog
### Properties ### Properties
| Name | Type | Default | Description | | Name | Type | Default | Description |
| --- | --- | --- | --- | | ---- | ---- | ------- | ----------- |
| currentFolderId | string | null | Node ID of the folder currently listed | | currentFolderId | string | null | Node ID of the folder currently listed |
| dropdownHideMyFiles | boolean | false | Hide the "My Files" option added to the site list by default. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md)| | dropdownHideMyFiles | boolean | false | Hide the "My Files" option added to the site list by default. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md) |
| dropdownSiteList | [SitePaging](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | | custom site for site dropdown same as siteList. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md#properties) | | dropdownSiteList | [SitePaging](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | | custom site for site dropdown same as siteList. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/sites-dropdown.component.md#properties) |
| rowFilter | RowFilter | null | Custom row filter function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-row-filter)| | rowFilter | RowFilter | null | Custom row filter function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-row-filter) |
| imageResolver | ImageResolver | null | Custom image resolver function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-image-resolver) | | imageResolver | ImageResolver | null | Custom image resolver function. [See More](https://github.com/Alfresco/alfresco-ng2-components/blob/master/docs/document-list.component.md#custom-image-resolver) |
| pageSize | number | 10 | Number of items shown per page in the list | | pageSize | number | 10 | Number of items shown per page in the list |
### Events ### Events
| Name | Description | | Name | Description |
| --- | --- | | ---- | ----------- |
| select | Emitted when the user has selected an item | | select | Emitted when the user has selected an item |
## Details ## Details
@@ -167,9 +164,6 @@ a row filter to hide document nodes in a folder selector. See the
[Advanced Usage and Customization](document-list.component.md#advanced-usage-and-customization) [Advanced Usage and Customization](document-list.component.md#advanced-usage-and-customization)
section of the Document List page to learn how these functions are implemented. section of the Document List page to learn how these functions are implemented.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Document list component](document-list.component.md) - [Document list component](document-list.component.md)
<!-- seealso end -->

14
docs/content.service.md
View File

@@ -28,7 +28,7 @@ some cases by viewing it directly in the browser via a special URL that referenc
the Blob. For example, you could use the Blob interface to construct an image in the the Blob. For example, you could use the Blob interface to construct an image in the
[PNG format](https://en.wikipedia.org/wiki/Portable_Network_Graphics). Since [PNG format](https://en.wikipedia.org/wiki/Portable_Network_Graphics). Since
PNG is a format the browser can display, you could use the Blob's URL in an PNG is a format the browser can display, you could use the Blob's URL in an
&lt;img&gt; element to view the image within the page. Alternatively, you could let &lt;img> element to view the image within the page. Alternatively, you could let
the user download it as a PNG file. the user download it as a PNG file.
The `downloadBlob` method starts a download of the Blob data to the `filename` The `downloadBlob` method starts a download of the Blob data to the `filename`
@@ -40,20 +40,14 @@ for details of how a Blob's contents are assembled from the constructor argument
Use `createdTrustedUrl` to generate a URL string for a Blob. The URL refers to Use `createdTrustedUrl` to generate a URL string for a Blob. The URL refers to
the Blob as though it were a file but it is actually an object stored in memory, the Blob as though it were a file but it is actually an object stored in memory,
so it does not persist across browser sessions. This URL can be used much like any so it does not persist across browser sessions. This URL can be used much like any
other, so you could use it for the `src` attribute of an &lt;img&gt; element or the other, so you could use it for the `src` attribute of an &lt;img> element or the
`href` of a download link. Note that while the URL is 'trusted', the data it contains `href` of a download link. Note that while the URL is 'trusted', the data it contains
is not necessarily trustworthy unless you can vouch for it yourself; be careful that is not necessarily trustworthy unless you can vouch for it yourself; be careful that
the data doesn't expose your app to the data doesn't expose your app to
[Cross Site Scripting](https://en.wikipedia.org/wiki/Cross-site_scripting) [Cross Site Scripting](https://en.wikipedia.org/wiki/Cross-site_scripting)
attacks. attacks.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Cookie service](cookie.service.md) - [Cookie service](cookie.service.md)
- [Storage service](storage.service.md) - [Storage service](storage.service.md)
<!-- seealso end -->

9
docs/ecm-user.model.md
View File

@@ -14,11 +14,8 @@ it is likely to change and so its properties are not listed here. For the
latest version of the class, see the latest version of the class, see the
[source file](https://github.com/Alfresco/alfresco-ng2-components/blob/development/lib/core/userinfo/models/ecm-user.model.ts). [source file](https://github.com/Alfresco/alfresco-ng2-components/blob/development/lib/core/userinfo/models/ecm-user.model.ts).
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Ecm user service](ecm-user.service.md) - [Ecm user service](ecm-user.service.md)
- [People content service](people-content.service.md) - [People content service](people-content.service.md)
- [Bpm user model](bpm-user.model.md) - [Bpm user model](bpm-user.model.md)
<!-- seealso end -->

7
docs/ecm-user.service.md
View File

@@ -24,10 +24,7 @@ See the
[getPerson](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/PeopleApi.md#getPerson) [getPerson](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/PeopleApi.md#getPerson)
method in the Alfresco JS API for more information about the REST calls used by this service. method in the Alfresco JS API for more information about the REST calls used by this service.
<!-- Don't edit the See also section. Edit seeAlsoGraph.json and run config/generateSeeAlso.js -->
<!-- seealso start -->
## See also ## See also
- [Bpm user service](bpm-user.service.md) - [Bpm user service](bpm-user.service.md)
- [Ecm user model](ecm-user.model.md) - [Ecm user model](ecm-user.model.md)
<!-- seealso end -->

17
docs/extensibility.md
View File

@@ -2,9 +2,9 @@
_Note: it is assumed you are familiar with Alfresco Process Services (powered by Activiti) form definition structure._ _Note: it is assumed you are familiar with Alfresco Process Services (powered by Activiti) form definition structure._
- How components and widgets are rendered on a Form - How components and widgets are rendered on a Form
- Replacing default form widgets with custom components - Replacing default form widgets with custom components
- Replacing custom stencils with custom components - Replacing custom stencils with custom components
## How components and widgets are rendered on a Form ## How components and widgets are rendered on a Form
@@ -63,7 +63,7 @@ formRenderingService.setComponentTypeResolver('text', customResolver, true);
### Default component mappings ### Default component mappings
| Stencil Name | Field Type | Component Type | | Stencil Name | Field Type | Component Type |
| --- | --- | --- | | ------------ | ---------- | -------------- |
| Text | text | TextWidgetComponent | | Text | text | TextWidgetComponent |
| Number | integer | NumberWidgetComponent | | Number | integer | NumberWidgetComponent |
| Multi-line text | multi-line-text | MultilineTextWidgetComponentComponent | | Multi-line text | multi-line-text | MultilineTextWidgetComponentComponent |
@@ -252,4 +252,11 @@ export class MyView {
At runtime you should now see your custom Angular component rendered in place of the stencils: At runtime you should now see your custom Angular component rendered in place of the stencils:
![adf stencil runtime](docassets/images/adf-stencil-02.png) ![adf stencil runtime](docassets/images/adf-stencil-02.png)
## See Also
- [Form field model](form-field.model.md)
- [Form rendering service](form-rendering.service.md)
- [Form component](form.component.md)
- [Widget component](widget.component.md)