This is a migrated thread and some comments may be shown as answers.

Menu Button - Override Current Page

3 Answers 36 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Pat
Top achievements
Rank 1
Pat asked on 13 Apr 2014, 11:08 PM
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

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 14 Apr 2014, 10:25 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Pat
Top achievements
Rank 1
answered on 14 Apr 2014, 03:25 PM
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.
0
Kiril Nikolov
Telerik team
answered on 15 Apr 2014, 09:11 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
General Discussions
Asked by
Pat
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Pat
Top achievements
Rank 1
Share this question
or