Using mobile tabstrip MVC in web

4 posts, 0 answers
  1. Alan Mosley
    Alan Mosley avatar
    200 posts
    Member since:
    Apr 2010

    Posted 31 Mar 2014 Link to this post

    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)
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 02 Apr 2014 Link to this post

    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.

     
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Alan Mosley
    Alan Mosley avatar
    200 posts
    Member since:
    Apr 2010

    Posted 02 Apr 2014 in reply to Kiril Nikolov Link to this post

    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
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 04 Apr 2014 Link to this post

    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.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready