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

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.

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

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

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.

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

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?

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?