While I've been able to customize the Sass-based themes using variables (https://docs.telerik.com/kendo-ui/styles-and-layout/sass-themes#using-variables), there are some customizations I've only been able to do by modifying the Kendo css classes.  For example, to remove the border from the grid pager, I had to override the .k-pager-wrap and .k-link classes:

.k-pager-wrap {
    .k-link {
        border-style: none
    }
}

The alternative is to create custom css classes:

<TelerikGrid Class="custom-class" />

However, I'd need to know the DOM structure to customize the pager element for that grid:

.custom-class {
    .div[data-role="pager"] {
        border-style: none
    }
}

My question is, how reliable is it to customize Kendo css classes or DOM elements?  Are there any guarantees that these css classes will not change and break our application with new Telerik releases?  If this is not a reliable approach, what are your recommendations?

I'm in the same situation as the OP in this post: https://www.telerik.com/forums/how-do-you-always-edit-series-when-editing-a-recurring-appointment

In my case, I'm working with with the Blazor Scheduler Component. How can I disable the prompt and automatically select "Edit the series"? Or at least "disable" the "Edit this occurrence" button when updating/deleting an appointment? 

Is it possible to have TreeView in one section of the Drawer and a ListView (with checkable items) in another section, similar to the attached image? I would like to have the ability to filter different tab contents using the same filter pane / drawer, that can be easily hidden or displayed

Does anyone know of a way to force the ComboBox Popup to have an equal width to the ComboBox itself? My ComboBox doesn't have a fixed width like 300px because I am using it within a Bootstrap column. I have tried setting the Popup width to 100% but that makes it 100% of the whole page not 100% of the ComboBox width. There are some ways I can fudge the Popup width so that it is close to the ComboBox width, but I am looking for a way to have it always match the ComboBox width regardless of the ComboBox size.

Any help would be appreciated!

Hi. I have a TelerikTileLayout with 6 tiles.  5 of them use simple <TileLayoutItem HeaderText="..."> for the headings, but for one I need to use <HeaderTemplate>.

The text I add in the <HeaderTemplate> is not rendered the same size as the text I specify with HeaderText. Presumably I need to either add a span with a particular class, or some other element?

Anyone got this working?

Am I missing something basic here? Why wouldn't the loader be showing?

Hello,

I have a MultiSelect component used to select tags. It works as intended, but I have one problem I can't find any workaround for :

If the user inputs a text that isn't part of the data list, they can't "select" that value, unlike in a ComboBox for example where the data List "guides" you without restricting what you write.

I have found no parameter that allows custom values, and I haven't been able to extract at all the raw text.

To illustrate, here's a screenshot :

I'd like to add / "select" a new value called "newTag" that is NOT part of the data list.

When trying to retrieve the input value from the component (via 2-way binding or onChange event) , I only get a List<string> containing all selected/valid items, in this case a list with only "existing tag".

I can't find a way whatsoever to retrieve that "newTag" text, it would probably solve the problem because then I could work around the lack of custom input permission in the OnChange event by adding dynamically "newTag" to the dataList, thus making it a valid value to select.

Please help me find a way to implement custom inputs.

Best regards

I have an update event but how can I tell the grid the update didn't work out and everything has to be cancelled,

This code doesn't work.