Footer

The footer is fixed at the bottom of the screen.

Text is always centered in the footer.

The text remains a single line and truncates a “…” if the line exceeds the minimum screen width.

Classes

The .peek-footer class contains the classes specific to the Footer.

.peek-footer{
/* Contains the Footer looks classes */
    ...

    }
    .footer-title{
    /*
        Contains the title looks attributes unique to the Footer
        This title will be dynamically set by the plugins installed
    */
        ...

    }
}

SCSS Files

The Footer style classes are found in the _footer.scss.

The Footer HTML layout classes are found in the _footer.web.scss.

The Footer NativeScript layout classes are found in the _footer.ns.scss.

HTML

<div class="peek-footer">
  <div class="footer-title">Offline, xxx minutes</div>
</div>

NativeScript

<GridLayout class="peek-footer"
    ...

</GridLayout>