extending DDL to have additional icon to right of down arrow

2 posts, 1 answers
  1. Ed
    Ed avatar
    168 posts
    Member since:
    Sep 2013

    Posted 21 Dec 2015 Link to this post

    I want to have a dropdownlist where there is an additional icon to the right of the down arrow in the dropdownlist (part of the widget, but to the right of the dropdownlist). Clicking the new icon would pass an additional param to the web service endpoint that retrieves the results shown in the dropdown.

    Two separate questions:

    1. How best to approach? Extend the kendo DropDownList? This is what I feel would be most appropriate, but wanted to confirm my feeling.

    2. How best to style it? I want the new icon to the right of the down arrow. Are there any examples of how best to accomplish this?



  2. Answer
    Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 23 Dec 2015 Link to this post

    Hello Ed,

    The functionality that you are looking for is not supported by the DropDownList widget so extending it is the most appropriate way. Assistance related to custom widgets is out of the scope of the standard support service that comes with the controls but you may check this tutorial as it explains the basics with code examples.

    The styling can be easily implemented if you use same HTML as in the original DropDownList. In case you plan to work with the build-in Kendo UI icons check this demo page:

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top