[Solved] Left align filter row dropdown?

[Steve]

I have Grid with the filterable.mode set to "row".   The text that shows in the filter dropdown is centered.  How can I make it left justified?

[Iliana Dyankova]

Hi Steve,

By design text in the filter row dropdown is left aligned (online demo) - could you please inspect the rendered HTML / CSS and check if there is some rule which causes the described outcome? Thank you in advance for your cooperation.

Regards,
Iliana Nikolova
Telerik

 

 

[Steve]

Hi Iliana,

Sorry but I should have mentioned that my column definitions have this:

filterable: {
    cell: {
        operator: "contains",
        showOperators: false,
        inputWidth: 75
    }
}

The dropdown from this is what is not left aligned but centered.

Thanks,
Steve

[Iliana Dyankova]

Hi Steve,

I am still not able to reproduce the described outcome - could you please modify my test example and demonstrate your current implementation? This way I would be able to advice you further and provide concrete recommendations. 

Regards,
Iliana Nikolova
Telerik

 

 

[Steve]

I have attached a .png file with a screen shot that shows what I'm taking about.  Notice under the "Short Description" column that the filter row cell's dropdown has the items centered.  I want them left justified.   I hope this helps.

Thanks,
Steve

[Iliana Dyankova]

Hi Steve,

I believe the illustrated outcome is due to some custom CSS rule which overrides the default Kendo UI styling. Could you please inspect the rendered HTML / CSS and check this suggestion?

Regards,
Iliana Nikolova
Telerik

 

 

[Steve]

Hi Iliana,

I was a CSS issue.  We are using a style sheet called "universalStylesForBootstrapKendo.css.  In the "Body" CSS tag, it was setting the text-align to center.  I commented it out and that fixed the problem.