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>