In order to avoid displaying empty, practically non-existing lists of Dashboards and Reports we need to display specific content in an empty EntityList.
If empty, EntityList should render a list containing one item incl the text as stated in the pic, and a button right after the list:
<section class="EntityList"> <div class="EntityList__header"> <h1 class="EntityList__heading">Dashboards</h1> </div> <ul class="EntityList__list"><li class="EntityList__item"> <li>You have no Dashboards configured yet. </li> </ul> <button class="Button Button--green"> Create a Dashboard…</button> </section>
franz.heidl will write the necessary styles and classes.