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

I have a grid with a column that contains clickable text in <a> tags and want it to be obvious to the user that this is clickable, by having the text display in blue.

However, there is a CSS class being applied that is preventing the styling from showing:

.k-grid a {
    color: inherit;
    text-decoration: none;
}

Is it possible for me to modify the styling of these links within ThemeBuilder and not have to add a custom global style override? I have not found any way of changing this.

Thanks

Currently, in ThemeBuilder, you can't style DropDownList, which uses groups.

https://demos.telrik.com/kendo-ui/dropdownlist/grouping 

https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/grouping/ 

Consider the option to expose a template that will allow adding custom styles for DropDownList with grouping.

Requested through t.1645162

Consider providing public API endpoints for different ThemeBuilder functionalities, such as export options. This will allow users to provide automated distribution of the theme.

Requested through t.1644512

Steps to reproduce the bug

In Themebuilder:

1. enable Advanced edit and edit the Grid component.
2. Once there, in Grid Construction Elements, go to the GRID DEFAULT part.
3. In the top-right element tree area, go in <div> Grid ---> <table> Table.
4. Once there, set the Table > Border Collapse property to Separate
5. Finally try applying two different values for vertical and horizontal spacing in the Table > Border Spacing property. If necessary, apply a visible border to cells to better see the issue.
   

Expected behavior : The two different values should be persisted and applied.

Actual behavior : The behavior is strange and editing one value seem to overwrite the other.

In ThemeBuilder Q1 2024 there are Grid templates for styling alternate rows and selected rows. However, there is no template for styling selected alternate row.

Consider providing templates for each rendering option.

Currently, you can style only the Operator and the Clear buttons components inside the FilterRow Cell template. It would be great to have the ability to style the rest of the components (e.g. Inputs, NumericTextBox, etc.)

Request Feature...

Either: 1) Give Access To Common SASS modules/methods.

If I am using a primary color for my themebuilder customization and define it as

$my-primary-color = #2a3bd1,

give me the ability to use functions in sass like

• lighten($my-primary-color, 20%) or
• color.change($my-primary-color, $saturation: 50). 
• However you do it

Or: 2) Provide swatches using the current theme colors on color picker.

Or create swatches from the current theme color in the color picker to use as starting points when picking another color representing hover or selected or disabled, etc.

Hello,

I'm trying to update our themebuilder project by exporting metada (v7.0) and then importing into a new v7.2 project, but it fails.

Consider having the option to trigger the automatic migration (for ThemeBuilder Ultimate and Enterprise) and Export options simultaneously for multiple projects.

Benefits as pointed out by a user:

""...

Consider the option to support the Telerik/Kendo hierarchical grids or grid grouping through separate component templates.

For example,

https://demos.telerik.com/aspnet-mvc/grid/hierarchy 

https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics/ 

The hierarchical grids are visualized with a master row similar to the Grouping Row template. However, it is currently impossible to directly style the hierarchical master row.


Example for grid groups


https://stackblitz.com/run/?file=src%2Fapp%2Fapp.component.ts 

Currently, in ThemeBuilder, the generated stypes for the Kendo/Telerik Grid component are for size "medium" (or "md").

However, in Kendo UI for JQuery and other Kendo/Telerik suites, the Grid size property supports other values like "small" and "large". 

https://docs.telerik.com/kendo-ui/controls/grid/appearance/sizing 

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/size

Consider providing ThemeBuilder templates to allow the generation of styles for other Grid sizes