inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
alfresco-ng2-components/docs/core/empty-list.component.md
Andy Stark 2c49de6070 [ADF-3514] Added transclusions sections to doc files (#3756) 
* [ADF-3514] Added transclusion sections and guide page

* [ADF-3514] Updated tables of contents where needed

* [ADF-3514] Updated index files
2018-09-10 11:11:25 +01:00

1.6 KiB
Raw Blame History

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.

See also