Nested Select box for Kendo UI Mobile (not Web)

[mOpLin]

We really need your help, we need to make a cascaded / related dropdown list in our application (Cordova/Kendo UI Mobile for android and IOS). As much I understand we cannot use the functionality provided in DropDownList or Combobox.

Please, can you give us a solution on how to do this? Maybe how to accomplish this with Kendo UI Mobile, using a js library, or with some workaround. 

Please help.

[mOpLin]

Any idea, some help?

[Tina Stancheva]

Hello Pablo,

The Kendo UI Professional suite provides a DropDownList but as you noted it isn't optimized for mobile applications. Generally speaking, a mobile app is not meant to display cascading drop down lists as they usually make the UI harder to use on the device.

Still, if you really need to implement such a drop-down menu, it might be best to create a few separate views - each containing a ListView widget, which data source is dynamically generated based on the selection from the previous list.

I am afraid we don't have such an example and we also don't provide such a widget specifically targeting mobile applications. Still, if you decide to use the Kendo UI Mobile ListView widget to implement a custom "select" component , don't hesitate to let us know if you have any issues with it.

Regards,
Tina Stancheva
Telerik

 

 

[mOpLin]

Thanks.
Well you know sometimes our clients want to use some specific technology. In this case they want us to replicate the functionality they have in a registration webpage, and they have to select boxes that have related data between them.

Also they don't like how the select box selection displays on A​ndroid, so they are asking us to make something like the select combo that looks more like a collapsible where the options seem to be radio boxes styled with css. The problem with that is making them related and fill them dynamically form a datasource or an array. 

But thanks for the answer.

[Tina Stancheva]

Hello Pablo,

Thank for getting back to me. In that case, you might be able to implement your requirements using the following Kendo UI widgets:

• Kendo UI ListView - the one I already mentioned. Once you handle its click event, you will be able to track the selection changes and update its data source accordingly. You can apply a template that places an option button in every ListView item.
• Kendo UI Collapsible - you can wrap the ListView component in a Collapsible widget. You can even nest collapsible widgets as demonstrated in this demo.

If you encounter any issues using the above widgets to implement your scenario, don't hesitate to let us know.

Regards,
Tina Stancheva
Telerik