Using mobile tabstrip MVC in web

[Alan Mosley]

Can we use the mobile mvc tabstrip with web?
I cant seem to get any css on my tabstrip

Also when initializing tabstript this messes up bootstrap menu, menu now covers page content.
Where am I going wrong,
Thanks


   

         @code
 Dim mobileTab As Kendo.Mvc.UI.MobileTabStrip = Html.Kendo.MobileTabStrip().Name("mobileTab").Items(Sub(items)
items.Add().Icon("contacts").Text("Products")
items.Add().Icon("cart").Text("Shopping Cart")
 End Sub) _
 .Events(Function(events) events.Select("onSelect"))


mobileTab.Render()
 End Code


        @Html.Kendo().MobileApplication().ServerNavigation(true)

[Kiril Nikolov]

Hi Alan,

Are you creating a mobile application or a web application? I am a bit confused as you are talking about Mobile TabStrip for Web, but in your code you are initializing a mobile application, so could you please clarify it?

If you want to use the mobile TabStrip for Web, you need to know that the MVC Wrappers will not work. As the mobile MVC wrappers generate HTML content that is being initialized with the mobile application, and does not have initializing scripts itself. 

If you want to use the mobile TabStrip in web, then you need to include some CSS files in order to be displayed correctly. Please check this example: http://jsbin.com/coyokuti/1/edit

As for the Bootstrap issue - from the provided description it is not really clear what exactly is the problem and what is causing it. So if you extract a runnable sample where we can see the issue and reproduce it we will be able to assist you further. If you have troubles putting together an example, please check this blog post as it might help you:

http://www.kendoui.com/blogs/teamblog/posts/13-09-24/how-to-get-the-most-out-of-your-kendo-ui-support.aspx

Regards,
Kiril Nikolov
Telerik

 

 

[Alan Mosley]

Let me see if I understand.
you can use the mobile tab strip in web, but not the MVC Wrapper?

I can see that in demos, you have the mobile tabstrip under web, but there is no code for the mvc wrapper.
The bootstrap problem is caused by the initialized mobile application, so therefor is not a problem as initialization is not necessary.
Thanks

[Kiril Nikolov]

Hi Alan,

You are correct - the mobile TabStrip can be used in Web, but there is no MVC wrapper, because of the reason that I mentioned. If you have any troubles implementing this, please do not hesitate to ask.

Regards,
Kiril Nikolov
Telerik