Currently, there is no way to style the different states (e.g. hover) of the Grid's Column Menu items through ThemeBuilder.

Consider exposing templates for those states. 

Requested through t.1661051.

Currently, there are no means to style the clear button of the DropDownTree component.

Consider exposing a template for the clear button (similar to the "(span) Input" component part).

requested through t.1660254

Consider generating utility classes for variables to apply and reuse styles easily. For example, the user defines a color variable in ThemeBuilder called "component," and this makes ThemeBuilder generate utility classes:

.k-color-component {
  color: #ffeb3b;
}
.\!k-color-component {
  color: #ffeb3b !important;
}
.k-bg-component {
  background-color: #ffeb3b;
}
.\!k-bg-component {
  background-color: #ffeb3b !important;
}

These utility classes can then be applied and reused in code outside of ThemeBuilder:

<div class="k-color-component"></div>

Currently, in ThemeBuilder, the generated styles for the Telerik/Kendo component Breadcrumb are only for the collapse mode "wrap". However, in Telerik UI for Blazor, Kendo UI for Angular, and others, the Breadcrumb component supports different collapse mode values, such as "auto" and "none":

https://docs.telerik.com/blazor-ui/components/breadcrumb/collapse-modes

https://www.telerik.com/kendo-angular-ui/components/navigation/breadcrumb/collapse-modes/ 

Consider providing templates to allow the generation of styles for other collapse modes.

Requested through t.1660021

Consider exposing a template for the ContextMenu component in ThemeBuilder.

https://docs.telerik.com/kendo-ui/controls/menu/contextmenu/overview 

https://docs.telerik.com/blazor-ui/components/contextmenu/overview

Requested through t.1658717

It would be helpful to add a feature to ThemeBuilder that allows users to create theme variable modes based on typography variables, similar to the existing feature that lets them create themes based on color and metrics.

This will enable users to generate different themes within a single project by simply changing the fonts used.

Requested through t.1656320

Currently, in ThemeBuilder there is a template that allows you to style the icon of a header cell that is filterable.

However, we need to be able to style the icon in a header cell that triggers the ColumnMenu (the more icon)

https://demos.telerik.com/aspnet-core/grid/column-menu 

https://www.telerik.com/kendo-react-ui/components/grid/interactivity/column-menu/ 

requested through t.1655985

I need to be able to enter `rem` (or even `em`) values for metrics like `padding`.

With Kendo theme version 8.0.0 the some radius variables like $kendo-border-radius were removed and are no longer present.

Instead, there is now a new feature called kendo-border-radii that automates the creation of different border-radius variables (e.g. like $kendo-border-radius-sm aor $kendo-border-radius-lg)

More about the new variables in Kendo Themes 8.0.0 and above are available in the official documentation:
https://www.telerik.com/design-system/docs/themes/theme-material/theme-variables/#variables 

Consider exposing border-radius variables as they were present in older version but are not accessible in TB Q3 2024.

Hello.

One of our component is styled in a way that makes it indistinguishable from the background, which is unfortunate and makes hard to review its visuals.

Could you add support for selecting different background in previews? Something like gray shades or a pattern?

Consider exposing a ThemeBuilder template for the Popup component.

https://www.telerik.com/kendo-react-ui/components/popup/ 

https://docs.telerik.com/kendo-ui/controls/popup/overview 

https://docs.telerik.com/blazor-ui/components/popup/overview 

https://www.telerik.com/kendo-angular-ui/components/popup/ 

https://github.com/telerik/kendo-themes/blob/develop/tests/popup/popup-no-data.html 

When an element is selected in ThemeBuilder, it shows its Parts and Properties on the right and a Live Preview at the bottom. I would really benefit from seeing the HTML code/markup (snippet), e.g. `<button kendoButton themeColor="primary" fillMode="flat">Button</button>`. I'm trying to decipher what attributes I should be using by looking at the applied classes, but it's not always 1-to-1 or clear.

Consider providing partial exports for the SCSS when working with the Kendo Fluent theme. Partly exports are available for all other flavors except for the Fluent theme.

+1 from t.1652071

In my example the neumorphism-default

box-shadow: 3px 3px 5px 0px rgba(52, 178, 50, .33), -3px -3px 5px 0px rgba(255, 255, 255, .6);

On the ButtonGroup I got overflow on the other buttons and I want to clip the buton for remove the shadow on adjacents buttons.

In my example:

This clip-path can help to apply shadow on the buttons group

to pass from this :


to this

Hi,

Would it be possible to expose either a "before" or "after" selector on Treeview Root/Child items?

This would allow an additonal hook for styling, and it a feature of items in the Drawer, Panelbar etc.

Many thanks,

Ian

Consider the option to support absolute paths for background-image in the Style Editor. 

This will enable users to visualize the background-image changes directly in ThemeBuildeer (currently the only option is to export the theme and load the changes in the end application).

Alternatively, consider the option to provide a space for loading images with relative paths (fir fast preview in ThemeBuilder).

Consider exposing a template that will allow styling the (Optional) text span from ThemeBuilder.

Currently, as a workaround users must explicitly set the styles through the following selectors:

.k-stepper .k-step-label-optional {
    color: red;
    background-color: yellow;
    font-size: 18px;
    font-style: normal;
}

Requested through t.1648985