Declined
Last Updated: 06 Mar 2025 13:04 by ADMIN
Kevin
Created on: 28 Feb 2025 15:43
Category: DropDownList
Type: Feature Request
0
Show Clear Button inside DropDownList-Component

Hello,

i am trying to add a Clear Button inside the DropDownList-Component.

I tried to follow the instructions provided here: How do I add a Clear button to a DropDownList? in UI for Blazor | Telerik Forums respectiveley here: Telerik REPL for Blazor - The best place to play, experiment, share & learn using Blazor.

But unfortunateley, the button is never inside the component. It's always next to it or under the component.

In your example provided above, the button is inside the component.

I would love to have any solution for this one. A clear button is needed quite often.

I also have attached our custom component, where we use the Telerik DropDownList Component.

Thank you

 

Attached Files:
3 comments
ADMIN
Hristian Stefanov
Posted on: 06 Mar 2025 13:04

Hi Kevin,

At first, I thought the code in the instructions you linked wasn’t working correctly—sorry about that misunderstanding.

Regarding the screenshot you sent in your latest reply, it looks like there might be a different theme or some additional CSS styles on the page affecting the "X" button position. To investigate further and properly resolve the issue, I would need a runnable isolated reproduction so I can test it directly and see the behavior firsthand. Could you use REPL to provide an example that demonstrates the issue in a runnable variant?

Thank you for your cooperation—your effort is highly valued.

Regards,
Hristian Stefanov
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Kevin
Posted on: 05 Mar 2025 11:02

Hello,

as i told you in my original request, i tried to implement the button after following your example provided HERE.

Now, you provided me another example with your last comment HERE.

All things you changed from the original example are the use of another icon and changing the protected fields to private fields. Thats it. There is no other difference. As you can see here in the screenshot:

Also you told me, that my implementation looks correct. 

So i honestly don't know what to do now. 

I created an Feature Request, because there needs to be a simple way to add a clear button to the component. It's quite common to use these buttons and i can not believe, there is no solution for implementing it. 

By the way, here is a screenshot, when i use the code provided in the examples:

 

 

 

ADMIN
Hristian Stefanov
Posted on: 04 Mar 2025 15:01

Hi Kevin,

After carefully reviewing the provided information, it appears that this is more of a configuration issue when setting up the DropDownList with a clear button, rather than a feature request. Therefore, I’m updating the status of this item.

Regarding the issue where the button does not stay within the component, I reviewed the attached file, and the configuration looks correct. However, some dependencies prevent me from running it and observing the behavior firsthand. To assist you, I used the approach from the forum instructions and prepared a runnable example demonstrating a DropDownList with a clear button in the latest version. You can find it in this REPL link.

Please use this example as a reference, run and test it. If the issue persists, modify the REPL to reproduce the problem and send it back to me for further inspection.

I look forward to your update.

Regards,
Hristian Stefanov
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!