The structure of my app is as follow: --- .views .view1 .pages .page toolbar-fixed .page content .toolbar <-- this one has the text input form .tabbar --- Note that the toolbar is as same level as that of page content. What I need is to display the toolbar and hide the tabbar
I am also facing a similar problem with the nav bar as it disappeared from the Messages page. Any one can imitate these problem with the tabbar and navbar by simply downloading the main tabbar example found at the F7 website and then placing a link in any of the tabs to "messages.html". The messages file is the same one used in the kitchen sink (simply copy and paste it in the index.html folder).
Hi, did you look at kitchen sink styles? You need to overwrite styles for messages page's navbar and toolbar in "hidden" mode to keep them visible, for example: --- .hidden-toolbar .page[data-page="messages"] .toolbar { -webkit-transform: none; -moz-transform: none; transform: none; }
Honestly, no I didn't ! Since the "messages" part is a component of the F7 framework, I expected its styles to be in the framework7.css file. The tabbar problem is now fixed when adding the the .hidden-toolbar style you suggested. Thanks
The navbar is not displayed now, but I'll try to figure this out myself.