DropDown style in View

4 posts, 0 answers
  1. Anthony
    Anthony avatar
    122 posts
    Member since:
    Jun 2013

    Posted 14 Jul 2014 Link to this post

    On mobile, if you have a form within the body the dropdown appears in desktop format, if you don't have a form within the body the dropdown appears in the mobile format

    The example explains better:

    http://jsbin.com/vezoni/2/edit

    Here there is a form, if you click on the dropdown then the select list appears underneath the dropdown. If you remove the form the dropdown appears at the bottom of the screen?

    thanks
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 15 Jul 2014 Link to this post

    Hi Anthony,

    The Kendo UI DropDownList appears on the bottom of the view in a mobile application using ActionSheet, which is the mobile friendly way of showing a list of options. In your case having the form wrapping the view is preventing this from happening and the DropDownList is displayed as a web widget with the default styling for web. The behavior that you observe is expected, as the styles of a mobile application are not optimized for having a form wrapping the view, as this is  a really uncommon scenario.

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Anthony
    Anthony avatar
    122 posts
    Member since:
    Jun 2013

    Posted 15 Jul 2014 in reply to Kiril Nikolov Link to this post

    Hi
       In this example I used a form but it could just as easily be an enclosing div, e.g.

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

    The Application takes as it's first argument the containing element, does this always have to be 'document.body' to get normal mobile rendering? If so why do you allow it to be changed?

    I am new to mobile so I'm approaching it in the same way that I would a desktop web page.

    How would you normally do a typical master/detail type arrangement with Kendo Views? Assume you have 2 Views, the first has the input elements, the second has a grid showing entries.
    You click accept to send back the details, I am working in asp.net mvc so I could have a form -inside- the first view and send back the details via the model. 

     It was accepted so you now need to update both views. Would you resort to a page refresh at this point to update both views? What's the telerik way to update 2 Views at the same time, assume there's another 3 on the page that don't need updating

    thanks
  5. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2566 posts

    Posted 16 Jul 2014 Link to this post

    Hello Anthony,

    If you want to use the mobile dropdownlist, then you need to pass the respective configuration, as shown in this demo:

    http://jsbin.com/cuhoneye/2/edit

    As for nesting view - this is not supported. Currently you cannot have a mobile view nested in another mobile view. If you want to use a master layout, then you can use the Layout component, explained in the following API reference:

    http://docs.telerik.com/kendo-ui/api/mobile/layout

    Regards,
    Kiril Nikolov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready