Nested Select box for Kendo UI Mobile (not Web)

5 posts, 0 answers
  1. Pablo
    Pablo avatar
    31 posts
    Member since:
    Feb 2015

    Posted 31 Jul 2015 Link to this post

    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.
  2. Pablo
    Pablo avatar
    31 posts
    Member since:
    Feb 2015

    Posted 05 Aug 2015 in reply to Pablo Link to this post

    Any idea, some help?
  3. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 05 Aug 2015 Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
  4. Pablo
    Pablo avatar
    31 posts
    Member since:
    Feb 2015

    Posted 05 Aug 2015 in reply to Tina Stancheva Link to this post

    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.
  5. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 10 Aug 2015 Link to this post

    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
     

    Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

     
Back to Top