Hi,

I don't understand the workflow now that the Unite UX tool was retired.

Our designers used your Figma UI kits for our custom Kendo React App and have built our design system.

How do I get it now to code with the logic of ThemeBuilder replacing Unite UX?

 

Thank you!

How can I right justify text in the cells (not header) of the first column in my Grid layout using ThemeBuilder Pro? Try to set the first column as shown in reference image.

Thanks!

I try to set 4px border bottom green but nothing applied to the grid

Hello our company is considering using Telerik Angular UI and we have questions regarding creating and installing a custom theme.

Here are the steps we took so far: 

1) progress theme builder for angular material created a project named test-custom-theme. 

2) changed primary color and secondary to our company colors and background to a dark gray just to see that the theme is working. These are extremely simple changes our artists will do much more once we prove out the concept. 

3) exported test-custom-theme from theme builder into a zip. 

4) created a new angular project called telerik-test-app using the angular cli, installed the telerik license and activated.

5) started to follow the readme with the custom theme zip this is where things started to not work.

After generating the theme builder zip I preformed the following steps.

1) The readme says extract the custom theme folder to your application and use it as a standard npm package.

2) Changed dir to telerik-custom-theme and ran npm install

3) added the dependencies to my project's root package.json "telerik-custom-theme": "file:./telerik-custom-theme"

4) navigated to the root of my project and ran npm install. Received the following errors:

PS D:\src\Development\angular\telerik-test-app> npm install
npm ERR! code EISDIR
npm ERR! syscall symlink
npm ERR! path D:\src\Development\angular\telerik-test-app\telerik-custom-theme
npm ERR! dest D:\src\Development\angular\telerik-test-app\node_modules\telerik-custom-theme
npm ERR! errno -4068
npm ERR! EISDIR: illegal operation on a directory, symlink 'D:\src\Development\angular\telerik-test-app\telerik-custom-theme' -> 'D:\src\Development\angular\telerik-test-app\node_modules\telerik-custom-theme'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\nfisher\AppData\Local\npm-cache\_logs\2023-03-25T15_37_51_187Z-debug.log

These instructions seem simple but for some reason we are missing something can anyone help? 

I upgraded my project to kendo-theme-default 6.0.3, and some of my styles that were customized with the themebuilder are broken.

for example, the spin buttons on the numeric input are large now. There is a class missing called: ".k-icon-wrapper-host" from the generated css.

Please provide a fix or some direction on how to fix it.

How can I import a font into TeamBuldr? Can it be done by editing a JSON export file?

 

It would be nice to have the overflow property available.

For example when I want to give grids a rounded border the grid headers background will poke through the corners at default settings.
Adding  overflow:clip to k-grid manually solved the problem with no further optical issues. But I'd have to do this again manually after every update if I am not mistaken.

Why is Theme Builder Pro not included in DevCraft Ultimate?

This really seems like an oversight.

 

Went to try out the new theme builder with the Fluent theme and realized it was missing.  Any word on when it might show up?