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

DropDown style in View

3 Answers 60 Views
View
This is a migrated thread and some comments may be shown as answers.
Anthony
Top achievements
Rank 1
Anthony asked on 14 Jul 2014, 11:28 AM
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

3 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 15 Jul 2014, 08:54 AM
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!
 
0
Anthony
Top achievements
Rank 1
answered on 15 Jul 2014, 09:25 AM
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
0
Kiril Nikolov
Telerik team
answered on 16 Jul 2014, 11:08 AM
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!
 
Tags
View
Asked by
Anthony
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Anthony
Top achievements
Rank 1
Share this question
or