# Using Katalon Recorder Studio with Kendo Drop down boxes

**URL:** <https://forum.katalon.com/t/using-katalon-recorder-studio-with-kendo-drop-down-boxes/80967>\
**Category:** Web Testing\
**Tags:** dropdown, katalon-recorder\
**Created:** [November 25, 2022, 4:38pm UTC](https://forum.katalon.com/t/using-katalon-recorder-studio-with-kendo-drop-down-boxes/80967 "2022-11-25T16:38:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![swinston](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/swinston/32/20464_2.png) [@swinston](https://forum.katalon.com/u/swinston)\
**Post date:** [November 25, 2022, 4:38pm UTC](https://forum.katalon.com/t/using-katalon-recorder-studio-with-kendo-drop-down-boxes/80967/1 "2022-11-25T16:38:07Z")

</div>

Hi!  
I am trying to automate clicking on a dopdown box made with Kendo and selected an option titled “New Risk Assessment”  
I have followed these youtube videos ([Katalon Studio: Part 1 - Handling Dropdowns - YouTube](https://www.youtube.com/watch?v=8kIIVxfXjds) & [Dropdown Automation in Katalon Studio |Select Option By Index,Value and Label - YouTube](https://www.youtube.com/watch?v=x9J-JKzE5Lc)) to capture my objects and then use “Select Option by Label”.  
However, in the example, when you Spy on the dropdown the capture object is Select\_Month\_etcc…  
When I Spy on my system, no matter which park of the drop down I click, I never get the Select\_ option before, thus making it that I cannot use the “Select Option by Label Option”

When I used Object Spy, the captured dropdown list either starts with  
kendo-dropdownlist or  
span\_  
I cannot get the select option to show and thus cannot continue recording my dropdown selection.

Does anyone know how to solve this!

Thank you!

---

<div class="post-metadata">

**Author:** ![grylion54](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/grylion54/32/16265_2.png) [@grylion54](https://forum.katalon.com/u/grylion54)\
**Post date:** [November 27, 2022, 12:45am UTC](https://forum.katalon.com/t/using-katalon-recorder-studio-with-kendo-drop-down-boxes/80967/2 "2022-11-27T00:45:31Z")

</div>

I went to the following web site that is advertised as “Overview - DropDownList - Kendo”

[Overview - DropDownList - Kendo UI for Angular (telerik.com)](https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/)

The web site has an example drop-down list. If the example is similar to what you have, you will NOT be able to use Katalon’s **selectOptionByLabel** , **selectOptionByValue** or **selectOptionByIndex** as the drop-down list is not a select tag. Instead, it has a “kendo-dropdownlist”.

 ![image](https://europe1.discourse-cdn.com/katalon/original/3X/4/a/4a75160ed496682e4d417b1b9be47f0c001a5e1a.png)

You may be able to get access to the list contents though. In the image I got of the HTML from the web site, you can see the item list as the “ng-reflect-data” attribute in a **comma** separated list. You will have to look into using the String method, `split(",")` to separate the individual strings out with Katalon Recorder.

This is the xpath I used to get the drop-down button to display the list:  
xpath = `//kendo-dropdownlist/button`

if you have several kendo drop-down lists on a page, then I would start at the closest label, such as:

xpath = `//p[text()="T-shirt size:"]/following-sibling::kendo-dropdownlist/button`

---

<div class="post-metadata">

**Author:** ![grylion54](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/grylion54/32/16265_2.png) [@grylion54](https://forum.katalon.com/u/grylion54)\
**Post date:** [November 27, 2022, 5:23am UTC](https://forum.katalon.com/t/using-katalon-recorder-studio-with-kendo-drop-down-boxes/80967/3 "2022-11-27T05:23:42Z")

</div>

I went to another site that had Kendo drop-down and it did not have the same element as above but was made up of a lot of `span` and `div`, so you will have to review the HTML of your site to check what manner of drop-down your site is using. Note that you **cannot** use the **select** keywords but you can investigate and learn.

> [@Differentiating between two buttons that look the same](http://forum.katalon.com/t/differentiating-between-two-buttons-that-look-the-same/80969/2):
>
> Hi @swinston, this post may help: [http://forum.katalon.com/t/locating-objects-via-id/79305/17?u=dave\_evers](http://forum.katalon.com/t/locating-objects-via-id/79305/17) You may also find this link very helpful: [http://forum.katalon.com/t/how-to-use-the-browser-developer-tools-f12-devtools/34329](http://forum.katalon.com/t/how-to-use-the-browser-developer-tools-f12-devtools/34329) One more link for working with locators: [http://forum.katalon.com/t/tip-for-finding-css-xpath-locators-using-chrome-with-an-example/9032](http://forum.katalon.com/t/tip-for-finding-css-xpath-locators-using-chrome-with-an-example/9032)

---

<div class="post-metadata">

**Author:** ![swinston](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/swinston/32/20464_2.png) [@swinston](https://forum.katalon.com/u/swinston)\
**Post date:** [November 28, 2022, 1:26pm UTC](https://forum.katalon.com/t/using-katalon-recorder-studio-with-kendo-drop-down-boxes/80967/4 "2022-11-28T13:26:19Z")

</div>

Thank you! Yes! I was able to select the list and see the content, but was having trouble clicking an option from the list. Will look into this. Thanks!
