Hi everobody! I’m working on Framework7 app and have issue with navbar. The structure of app is
<div id="app">
<!-- Status bar overlay for fullscreen mode-->
<div class="statusbar"></div>
<div class="panel-overlay"></div>
<!--Left navigation drawer-->
<div class="panel panel-left panel-cover"></div>
<!-- Your main view, should have "view-main" class -->
<div class="views">
<div class="view view-main view-init" data-url="/">
<!--Common navigation bar for all screens-->
<div class="navbar">
<div class="navbar-inner">
<div class="left">
<a href="#" class="link icon-only panel-open" data-panel="left">
<i class="icon f7-icons ios-only">menu</i>
<i class="icon material-icons md-only">menu</i>
</a>
</div>
<div class="title">
Example
</div>
<div class="right">
<a href="#" class="link icon-only">
<i class="icon f7-icons ios-only">bell</i>
<i class="icon material-icons md-only">notifications</i>
</a>
</div>
</div>
</div>
<div class="pages">
<div class="page">
<div class="page-content">
<!--Content of the current screen-->
</div>
</div>
</div>
</div>
</div>
As you can see in my app I have left side panel, navbar and content area. Navbar is common for all screens.
My problem is that navbar isn’t available in ios theme. When I open the start page I only see empty screen and it doen’t allow me to make any transitions.
In “md” theme it works fine - I can make navigations in view-main and navbar is constantly available for me like I 've designed