Hey there, just a question:

Is there a recommended way, how I can use your Blazor components (especially the ThemeBuilder) with Tailwind?

I only want to define the colors once, but use them for Themes generated with a Theme Builder and for Tailwind.

Problem: To delete a custom variable in ThemeBuilder, it must be detached from all its use places. However, these places are not immediately clear, and there is no global search option to find them.

Goal: Provide a UI option to find/list all places where a variable is used within a ThemeBuilder project.

ThemeBuilder allows styling of Button focus outline (through ::after pseudo element).

This is unfortunately not available for DropDownButton, although the component uses internally the same mechanism for focus outline as Button.

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.

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.

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

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?

• Open a themebuilder project
• Click on the settings icon in the header bar on the right side
• Navigate to the colors section
• Try to navigate away from the color section

--> Create Variable Dropdown turns invalid and I can't navigate away from the section. Also there is no way to make it valid.

Currently, we have templates for the different states of the Calendar cells:

However, it's common to apply multiple states simultaneously. For example, the user may want to style a day cell that is considered current and selected or current, selected, and hovering at the same time. Consider exposing templates for the most commonly used combinations, such as the ones mentioned here.

Requested through t.1670882.

I modified a theme this morning and after changing a property got the error: "There are errors in SASS and it cannot be compiled to CSS.". Changing the property back to what it was before did not resolve the problem. Clicking the Undo button over and over and over did not resolve it. 

I started over with a backup taken yesterday and started reapplying changes. When I clicked "Export All" I once again got the same error. There is no way to recover from it. 

I've had ThemeBuilder licensed for some time, but this is the first week I've tried to use it in our application. It seems to be total garbage. I can't see any why forward with us using a tool that's going to randomly produce unrecoverable errors. 

Hi Team,

I encountered an issue while exporting a few selected components from the theme build. When I use them in my application, I’m seeing variable-related errors in the index file.

Please refer to the screenshot below:

In the screenshot, you can see that I have not exported the AppBar, Badge, and BottomNavigation components. However, their variables still appear in the index file.

I’m currently using:

kendo-theme-material": "^10.1.0"

Kindly look into this issue.

Thanks

Consider exposing a template or a component part for the DateTickerPcker > Time > Highlight part.

The styling option is similar to what ThemeBuilder currently has for the TimePicker template

requested through t.1676966

Hi,

I created a new Q4 2024 (SVG Icons) Kendo Default Theme.

When I try to apply any of the provided color swatches, I see a loading spinner for 30 seconds and a "Failed to save document" error.

When I checked the network requests, I noticed that PATCH https://themebuilderapp.telerik.com/api/v1/projects/67a267df70e5e715ec193d0e/variables method returns 500 Internal Server Error with "Transaction with { txnNumber: 11 } has been aborted." error.

Consider adding support to set a data URL with SVG when creating a color variable

For example, that would allow the usage of different SVGs when switching between color modes and using components like the Switch

Current state:

The above means that it is not possible to use differently colored SVGs when using multiple color modes.

Requested through t.1679372

Consider making the generated CSS to contain CSS variables instead of compiled CSS. Currently, that is possible only when using direct variables like $kendo-spacing-1.

However, with the current state (Q1 2025), ThemeBuilder will produce compiled value in the CSS when the variables are non-direct (refer to the first screenshot). In the example below the $kendo-spacing-7 is costom added to the $kendo-button-padding-x and as a result, will be compiled as a value

or when the variable is custom-created (second screenshot).

In the example, below the kendo-spacing-7 is used directly and is generated as variable, but $m y-variable is compiled as a value.

Requested through t.1679417

Consider adding support for CSS breakpoing / media queries in ThemeBuilder.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries 

https://www.w3schools.com/howto/howto_css_media_query_breakpoints.asp 

This will enable users to create response design directly within the ThemeBuilder application.

Requested through t.1682156

Hello,

I'm building my first .net9+ Blazor Hybrid + Web app. I can see that theming is going to be a problem between the Blazor Web UI theme and the native app areas that use App.xaml resources. I'd like to request/suggest that theme builder can take a theme which is typically exported in CSS and also have the option to generate the App.xaml resources so my app native or using Web UI share a common theme.

Thank you.

Expose additional styling templates for a Grid component that uses stacked columns (a.k.a. as stacked display mode):

https://www.telerik.com/blazor-ui/documentation/components/grid/columns/stacked

https://demos.telerik.com/kendo-ui/grid/stacked-display-mode 

https://www.telerik.com/kendo-angular-ui/components/grid/styling-and-appearance/stacked-layout-mode 

Consider adding support for compiling Typography or Effects variables in ThemeBuilder to CSS variables (in the compiled CSS).

Currently, only color and metrics variables are compiled to CSS variables.

Requested through t.1702497