Menu Button - Override Current Page

[Pat]

Hello all -

First off, I'm pretty knew to HTML 5 and all that, so I've been learning as I go. Forgive the ignorant question below...

I'm utilizing the telerik mobile sample application in Visual Studio. I've modified it, but mainly just the content. It has three buttons on the tab strip, and the header strip I put in a 'hamburger' menu button.

I'd like it so if I press the menu button on the header, a different view is shown... a config view. In the existing tabs, I used data-bind="visible: flagVar" to hide and show data. I thought it I just put all the contents inside a data-bind="visible: isConfig" I could control showing the current view with the tabs, or the config page overriding the tabs. My variable isConfig is coming from an associated JS file.

Needless to say, this didn't work out, or I would be posting for help. Any feedback or suggestions on this? Not sure if I need to setup the tab strip as an element, and the config as a separate element. I don't want to do a separate HTML page.

Thanks in advance,
Pat

[Kiril Nikolov]

Hi Pat,

If I understand you correctly you want to navigate between views from a button in a NavBar. If this is the case, please check the following example, showing how to do it:

http://jsbin.com/yoqev/1/edit

I have suggested you this approach, as you still can have multiple views in the same html page, and not use complex MVVM bindings in order to change the information that you are showing.

Regards,
Kiril Nikolov
Telerik

 

 

[Pat]

Thank you. I will try that out. I was having trouble with the tab strip layout and their views.

I have a tab strip at the bottom and a nav at top. When I press the nav button, I'd like the tab strip to be removed. I wasn't sure if I was having problems because the <layout> for <header> and <footer> should be located.

[Kiril Nikolov]

Hi Pat,

You can use separate layouts for the different views, so you can use one layout for the view where you want the TabStrip to be shown and layout without TabStrip for the view where you will not need it.

Regards,
Kiril Nikolov
Telerik