Welcome to the Alfresco Builder Network

Provides a generic "Empty Content" placeholder for components.

Favorites screen

Basic usage

<adf-document-list>
    <empty-folder-content>
        <ng-template>
            <adf-empty-content
                icon="star_rate"
                title="APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE"
                subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
            </adf-empty-content>
        </ng-template>
    </empty-folder-content>
</adf-document-list>

Class members

Properties

NameTypeDefault valueDescription
iconstring"cake"Material Icon to use.
subtitlestring""String or Resource Key for the subtitle.
titlestring""String or Resource Key for the title.

Details

Usage examples

<adf-document-list>
    <empty-folder-content>
        <ng-template>
            <adf-empty-content
                icon="star_rate"
                title="APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE"
                subtitle="APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT">
            </adf-empty-content>
        </ng-template>
    </empty-folder-content>
</adf-document-list>

Favorites screen

You can also use multiple lines instead of the subtitle section:

<adf-document-list>
    <empty-folder-content>
        <ng-template>
            <adf-empty-content
                icon="delete"
                title="APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE">
                <p class="adf-empty-content__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p>
                <p class="adf-empty-content__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p>
            </adf-empty-content>
        </ng-template>
    </empty-folder-content>
</adf-document-list>

Trashcan screen

See also

Interested in trying Alfresco?

Try Now