Framework7 Layouts-Through Layout - Framework7

What is Through layout in Framework7?


In through layout, navbar and toolbar look fixed for all pages within a single view.


Below example shows the use of through layout in Framework7 and Navbar and Toolbar will be fixed and remain same for all the pages.

First, creat a through_layout.html file.


Below are the steps to see how the above code works:

Save above html code as through_layout.html file in the server root folder.

Open this HTML file as http://localhost/through_layout.html and below output will be displayed.

While scrolling the page, Navbar and Toolbar will be fixed and remian same through all pages within a single View.

Through Navbar

All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd Protection Status

Framework7 Topics