Telerik Forums
ThemeBuilder Forum
1 answer
2 views

Hi.

I have used ThemeBuilder to create a new Project and I'm wondering if there is any way or tool that I can use to create page design mockups based on the ThemeBuilder project.

I know there is Figma and the Telerik Design System Kits. But I'm not sure if this can really help me because if I use the Design System Kit in Figma and for example drag a grid component in my page design, there is no way to customize the grid component to have more or less columns or rows. 

This is only one example but I guess that's the same for all the components. So my question is: Is there any way to create Page Design mock-ups using the components styled in ThemeBuilder where you can customize the component appearance? If this possible in Figma, please let me know how to do this.

Thank you very much!

Greetings,

Bernd

Nick Iliev
Telerik team
 answered on 24 Jul 2025
1 answer
33 views

Hi,

Im a designer that have made my own custom componets in Themebuilder with their own classes which i later deletet to make a new custom component. When exporting later I noticed that in the SCSS files and CSS that the deletet components classes stay behind in these files which I dont want to stay behind. How could I also delete these custom classes which are no longer used?

Thanks in advance.

Martin
Telerik team
 answered on 11 Apr 2025
1 answer
54 views

On the stepper component, the text below doesn't follow the specification for the "current" state.
I've specified bold for the text and weight 700 but the preview doesn't display the change (the 3rd step on screenshot)
Same during integration ...

In the meantime, It's not really clear at first glance which item (step? step link?) to custom to modify the text under the step indicator...

thanks

Nick Iliev
Telerik team
 answered on 03 Mar 2025
1 answer
74 views

Hello,

I'm a designer trying to implement the styles we have in Figma into Themebuilder. I was originally able to import our font, Inter, into Themebuilder and it showed the update in the editor, but now all my font styles have this yellow question mark and no futher context for me to resolve the issue. 

What do I need to do to fix this issue?

Thanks,

Laura Lee

Nick Iliev
Telerik team
 answered on 17 Dec 2024
1 answer
100 views

Hi,

I would like to change icon in the theme builder but I can't access to the settings.

I followed this documentation

https://www.telerik.com/blogs/creating-unique-theme-custom-fonts-icons-themebuilder

 

But it doesn't work with toolbar

 

Is it possible to change icon in toolbar ? if yes, how ?

Thank you in advance.

Petar
Telerik team
 answered on 14 Nov 2024
1 answer
58 views

I'm the UX/UI designer for this project. Changes I'm making to the grid header in the ThemeBuilder aren't applying to the test version of the app. Weirdly, the regular cells are being updated, but nothing in the header is changing. Not the font, bg colour, etc.

I'm not sure what more to say so I'll let the screenshots do the explaining :)

Here is the grid as shown in the TB:

 

And here it is in the test environment:

pls send help

Petar
Telerik team
 answered on 13 Nov 2024
1 answer
101 views

We have an issue with ThemeBuilder output and some variables not being used.

For example, we're trying to override the drawer colors. In the generated CSS, the draw item's background color is defined as:

background-color: var(--kendo-drawer-item-bg, var(--kendo-component-bg, initial));

It turns out that --kendo-drawer-item-bg isn't actually defined anywhere in ThemeBuilder or anywhere else, so we added it as a custom variable. Unfortunately, when the CSS is generated, the variable is generated with a tb- prefix and thus isn't picked up by the standard background-color style definition above. Yet it shows in the ThemeBuilder correctly!

How do we go about fixing this issue so that --kendo-drawer-item-bg actually gets set to our custom version in the final CSS?

 

 

Petar
Telerik team
 answered on 03 Oct 2024
1 answer
62 views
When I download a theme created with the Theme Builder, the .zip has errors in it when opened with SecureZip. When I open it with Windows Explorer or 7-Zip, they don't report errors, but extracting them shows several files with the same name and gives messages about overriding existing files. I think maybe they should be in separate folders, but I can't say for sure. This is happening with any theme I choose. I attached one of several I've tried.
Rumen
Telerik team
 answered on 01 Oct 2024
1 answer
59 views

Is there any way to see what changes a person has made to your project theme such as a log?

Is there any way to save different versions of a project?

Once a change is made is there anyway to UNDO once you see its effected other controls negatively?

Is there anyway to Restore my project CSS from a backup, as some errors were made by my coworker while learning how to use the theme builder?

 

 

 

Nick Iliev
Telerik team
 answered on 20 Sep 2024
1 answer
82 views
I select a specific element in Telerik ThemeBuilder, e.g. a button. Then I change a single property of this element, e.g. the background color of the button text. Then I try to export the changes using the "Export Selected" button. I then get a CSS file with over 7500 lines. But I only want to get the changed elements. When I examine the CSS file, I see that a lot of the exported lines have nothing to do with the button, e.g. .k-separator or .k-grid-layout. So I removed all of these elements. So I still had over 1600 lines. But I'm wondering, are 1600 lines really affected by my small change? Can't I export a lot less?

The idea is, if I only change the background color of the button text, then I would rather get a minimal file that I can use as an override. Ideally consisting of only a few dozen lines.
Nick Iliev
Telerik team
 answered on 06 Aug 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?