Is it possible to set a custom width for the k-animation-container that comes from filter dropdown in grid component?

1 Answer 34 Views
Grid
Grzegorz
Top achievements
Rank 1
Grzegorz asked on 29 Mar 2022, 10:38 AM

Hello,

I'd like to apply custom width on the dropdown element for the filter row in grid component. The last column in our project is wide enough for the cell content but not wide enough for the filter row dropdown. I was wondering if it'd be possible to target a `.k-animation-container` element that is connected to the dropdown. Here's a demo that shows the issue.

Result I'd like to get:

Kind regards,

Greg

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 01 Apr 2022, 06:01 AM

Hi Greg,

The easiest way to expand the dropdown is to use this CSS rule:

    .k-animation-container {
        min-width: 200px;
    }

However, it will affect ALL Telerik popups on the page or in the app, depending on where you put it. This may cause undesired side effects.

A better and more reliable solution will be one of the following:

Regards,
Dimo
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Grzegorz
Top achievements
Rank 1
commented on 01 Apr 2022, 06:27 AM

Hi Dimo,

 

Thanks! That's what I thought. The root cause of the issue are too small columns in my example. I will use wider columns.

 

Tags
Grid
Asked by
Grzegorz
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or