mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2026-09-09 18:03:21 +00:00
* [ADF-3514] Added transclusion sections and guide page * [ADF-3514] Updated tables of contents where needed * [ADF-3514] Updated index files
1.6 KiB
1.6 KiB
Added, Status
| Added | Status |
|---|---|
| v2.0.0 | Active |
Empty list component
Displays a message indicating that a list is empty.
Basic Usage
<adf-datatable ...>
<adf-empty-list>
<adf-empty-list-header>"'My custom Header'"</adf-empty-list-header>
<adf-empty-list-body>"'My custom body'"</adf-empty-list-body>
<adf-empty-list-footer>"'My custom footer'"</adf-empty-list-footer>
<ng-content>"'HTML Layout'"</ng-content>
</adf-empty-list>
</adf-datatable>
Transclusions
You can supply a custom header, body, and footer for an empty list using special sub-components:
<adf-empty-list>
<adf-empty-list-header>"'My custom Header'"</adf-empty-list-header>
<adf-empty-list-body>"'My custom body'"</adf-empty-list-body>
<adf-empty-list-footer>"'My custom footer'"</adf-empty-list-footer>
<ng-content>"'HTML Layout'"</ng-content>
</adf-empty-list>
Class members
Properties
| Name | Type | Default value | Description |
|---|---|---|---|
| emptyListImageUrl | string |
"empty_doc_lib.svg" | The default image used as the background |
| emptyMsg | string |
"This list is empty" | The default title message |
| dragDropMsg | string |
"Drag and drop" | The default drag and drop message |
| additionalMsg | string |
"Drag and drop" | The default additional message |
Details
This component provides a custom display to show when a Datatable component has no content.
