This is a migrated thread and some comments may be shown as answers.

conflicting css on kendo Dropdowns

2 Answers 119 Views
DropDownList
This is a migrated thread and some comments may be shown as answers.
Gideon
Top achievements
Rank 1
Veteran
Gideon asked on 23 May 2020, 05:18 PM
I am implementing a project with a master theme css that is conflicting with the kendo css for Dropdowns. There is gap between the selection field or click and the selection list. Is there a way I can override the master css in the specific page whiles maintaining the master theme. I am using .netcore MVC. Please see the attached pictures...

2 Answers, 1 is accepted

Sort by
0
Aleksandar
Telerik team
answered on 26 May 2020, 03:47 PM

Hello Gideon,

The provided screenshots are not enough for me to determine what is causing the observed behavior. Would it be possible to provide a sample dojo, where I can observe the issue?

In general, the dropdown elements of the DropDownList and the Grid filter menu are wrapped in a container with a class of k-animation-container. You could try and modify the CSS styles for the class in order to achieve the desired result. Note that you might need to use a more specific selector to target a particular container. 

Regards,
Aleksandar
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Gideon
Top achievements
Rank 1
Veteran
answered on 08 Jul 2020, 04:07 PM

Hello Aleksandar,

 

Thanks for your response. I was able to solve the problem by removing the third party css that was causing the conflict and the undesired rendering.

 

Kind regards.

Gideon.

Tags
DropDownList
Asked by
Gideon
Top achievements
Rank 1
Veteran
Answers by
Aleksandar
Telerik team
Gideon
Top achievements
Rank 1
Veteran
Share this question
or