Telerik Forums
ThemeBuilder Forum
1 answer
22 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
20 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
34 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
29 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
18 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
46 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
1 answer
61 views

I would like to use a Thembuilder Variable like --kendo-color-primary in my Blazor-Project to bind the colors in my own controls to my actual Themebuilder -css-File, but the asumed variable "--kendo-color-primary" does not even exists in the .css-File. How can I achieve my goal ?

 

Nick Iliev
Telerik team
 answered on 15 Jul 2024
1 answer
44 views
When can I start exporting Figma variables into a Kendo theme?
Petar
Telerik team
 answered on 09 Jul 2024
2 answers
142 views

I have read the documentation, but I'm feeling confused about how to implement an optimal approach for limiting color choices to red, green, and blue in my project. I am using the themebuilder to create a customized theme, and this themebuilder provides a single CSS file that I can apply in my project. Could you please guide me on how to switch between at least three different themes, each with distinct red, green, and blue color combinations? I'm finding it challenging to grasp this process despite having read the documentation."

 This type is used in a CSS file in the provided Kendo ThemeBuilder

import React from "react";
import { AppRouter } from "@routes/route";
import "./common/main.css";
const App = () => {
  return <AppRouter />;
};
export default App;
Dianna Perry
Top achievements
Rank 2
Iron
 answered on 26 Jun 2024
1 answer
53 views

When hovering over a row in a grid k-alt is being added and causing some weird spacing and padding issues that I can't figure out where it's being set.  This is happening in both ThemeBuilder as well as the export CSS we're trying to use for our app.  

Can you please let me know how we can set this in ThemeBuilder?

Nick Iliev
Telerik team
 answered on 19 Apr 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
n
Top achievements
Rank 1
Iron
Iron
Arifullah
Top achievements
Rank 2
Iron
Iron
Marat
Top achievements
Rank 1
Richard
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 2
Iron
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
n
Top achievements
Rank 1
Iron
Iron
Arifullah
Top achievements
Rank 2
Iron
Iron
Marat
Top achievements
Rank 1
Richard
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 2
Iron
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?