I have an app I made that has a bottom toolbar for use on mobile devices. I want to detect that the user is on desktop and instead offer them a top navbar with all the view options as text links. What is the F7 way to create a navigation system with the toolbar for mobile and the navbar or appbar on top on desktop?
Secondary question is whether you use navbar or appbar for desktop in this situation.
Say I have the folliwing, what would I do to make a top bar for desktop?
I think in the case of Desktop I would likely go with a navbar that had the site logo and then text links to the various pages rather than the icon tabs.
In that case on my index.html since its not a componentUrl that uses the template engine I imagine I would test for app.device.desktop and then hide either the navbar or toolbar? I imagine that would create an odd rendering blip where both would be visible for a moment.
How would you do the switch in the index.html file?
Here is the full tabbed view description from my index.html