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

Using mobile tabstrip MVC in web

3 Answers 34 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Alan Mosley
Top achievements
Rank 1
Alan Mosley asked on 01 Apr 2014, 02:31 AM
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)

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 02 Apr 2014, 02:27 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Alan Mosley
Top achievements
Rank 1
answered on 03 Apr 2014, 01:08 AM
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
0
Kiril Nikolov
Telerik team
answered on 04 Apr 2014, 08:10 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
TabStrip (Mobile)
Asked by
Alan Mosley
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Alan Mosley
Top achievements
Rank 1
Share this question
or