DropDown style in View

[Anthony]

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

[Kiril Nikolov]

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

 

 

[Anthony]

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

[Kiril Nikolov]

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