I have a multiselect component that I'm trying to filter based on the options chosen in another multiselect component that I'm having trouble with. In my code I got the multiselect to only display text for the options I want but there are still empty rows included where I did not display text. I was wondering if there is a way to remove rows that do not have any text or if I'm just going about filtering the multiselect the wrong way. I've included the code below and a picture of the blank rows.

<TelerikMultiSelect Class="lightBlueGray col-2"  Width="200px"  Data="@MonthOptions" @bind-Value="@model.Months">
                    <ItemTemplate Context="ITContext">
                        @if (model.Year.Count() > 0)
                        {
                            @if (model.Year.ElementAt(0) != "(All)")
                            {
                                int validMonth = 0;
                                int i = 0;
                                while (i < model.Year.Count())
                                {
                                    if (ITContext.Contains(model.Year.ElementAt(i)))
                                    {
                                        validMonth = 1;
                                    }
                                    i++;
                                }
                                if (validMonth == 1)
                                {
                                    @ITContext
                                }
                            }
                            else
                            {
                                @ITContext
                            }
                        }
                        else
                        {
                            @ITContext
                        }
                    </ItemTemplate>
</TelerikMultiSelect>

dojo:

https://blazorrepl.telerik.com/?_ga=2.175076642.1694966489.1661590183-1931469790.1620243254

as you can see on example above, the grid is filtered (during the onInitState event), but user look & feel still unchanged, i mean the filter button is not highlited, if you click on the filter button to expand, the filter item 1 is not selected

I am using CRUD operations where my grid has default data so, when it is displayed, will have two rows . 

I can add , edit and delete more rows but, I can not edit or delete the default specfic rows that I got: 

USER001 and USER002 can not be edited or deleted. How can I disable those two rows?

Hi, I would like to get some input on creating an editable tooltip system.

Each input field should have a question mark icon on the right. That shows some text when you hoover over it.

Text should be stored in a database and users should be able to edit the text directly on the form.

For edit, I imagine this: Hoover over should show the help text but also a small pencil ikon if the have the right to edit the text. Edit should show a new popup.

For identifying the field in the database I could maybe use classname.fieldname and get it using reflection. 
The text should be fetch and set on mouse over.

Can I get the classname.fieldname from the binding to the input field? and then use it in the function to get the text for the tooltip?

Link to tooltip documentation

Let os brainstorm together 😊 

I make it short:

Is there any way to customize the text in the GroupPanel or get rid of it (not the Panel itself) ?

Hey,

I don't see any real way to support enums with the [Flags] attribute for Grid and Filter. The display in the grid column is fine, but the filter menu is useless as it only does a straight up comparison to single values.

It would be great if the filter on the grid (and the filter component) had an option for HasFlags, where you can select a value to compare for it. 

I find the Blazor controls take up a lot of space with large amounts of padding and margin. The controls are just too large for my taste.

I see a few posts about a new feature which allows small / medium / large sizes but this is still very arbitrary when trying to design a specific layout.

Is there a way to make controls a certain percentage size across a page? So either specific controls or the entire page could be set to say 1% to 5000% and all CSS will resize in proportion?

the built in Grid loading animation appears to default to k-loader-spinner-3.  How can I change this to k-loader-spinner-4 to match the loading animation in the rest of my application?

Hello,

Please see attached image. How does the dark or light theme change button on demo page (red circled in the attached image) work ?

Can someone share the code associated with it ?

Thanks & regards,

Milind