Kendo Grid Bool Filter UI Issue

[Dale]

How can I fix this, surely they are meant to be side by side, Ideally I would like to change the is true to labels also?

 

[Eyup]

Hi Dale,

 

Thank you for reaching out.

You can achieve this requirement using the Messages configuration:
https://www.telerik.com/aspnet-core-ui/documentation/api/kendo.mvc.ui.fluent/filterablemessagesbuilder#istruesystemstring

And showing them side by side can happen with CSS and display: inline or float: left.

.k-filter-menu-container>label{
   display:inline;
}

Can you please try it and let me know if this info helps you?

 

Regards,
Eyup
Progress Telerik

[Dale]

So the first part worked to change the name, the second didnt. I can get similar bu adding to the container rather than label.

Upon first filtering however it looks like this

 

If you click again it looks like this'

The second one is close but the labels need some padding, ive tried this but it doesnt work

// Fix filter layout
.k-filter-menu-container {
    display: inline;
}

.k-filter-menu-container > label {
    padding-right: 10px;
}

[Eyup]

You can achieve this requirement using a modification to the CSS rules:

<style>
    .k-filter-menu-container {
        display: inline;
     }
     .k-filter-menu.k-popup {
         min-width: 233px;
     }
     .k-filter-menu-container > label{
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
     }
</style>

And the result is pretty neat:

And here is a live example for demonstration:
https://netcorerepl.telerik.com/czOilTca57aNrP0E54

Do you find this helpful?

[Dale]

Thankyou works well