Completed
Last Updated: 19 Aug 2024 10:45 by ADMIN

ThemeBuilder only allows limited control over a specific set of exposed variables. Although these variables are constantly analyzed and updated, some, such as $base-gradient, cannot be modified through ThemeBuilder and require manual adjustments.

Example of variable that is not currently exposed: $base-gradient

The feature request is to explore the possibility of exposing more variables or providing a UI for selecting Kendo variables, bearing in mind that some Kendo themes may have over 2,000 variables.

So far the following variables were requested explicitly:
1623384: $base-gradient
1630912:

$kendo-grid-header-padding-x
$kendo-grid-header-padding-y
$kendo-grid-padding-x
$kendo-grid-padding-y
$kendo-input-border
$kendo-input-hover-border
Completed
Last Updated: 13 Aug 2024 07:30 by ADMIN
Add support for CSS transitions in the Property Editor in order to override the current animations from Kendo and add new ones. Those properties allow the definition of the transition between two states of an element.
Completed
Last Updated: 09 Aug 2024 14:13 by ADMIN


I want to upload 2 variants of the same font (let's say Roboto with weight 300 and 500).

Then I want to configure the same font family for both of them.

This is currently not allowed (see attached screenshot).

I have to choose different names which results in an export like this:

@font-face {
  font-family: Roboto300;
  src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: auto;
}

@font-face {
  font-family: Roboto500;
  src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

But what I want to achieve is this:

@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-v18-latin_latin-ext-300.woff') format('woff');
  font-style: normal;
  font-weight: 300;
  font-display: auto;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/roboto-v18-latin_latin-ext-500.woff') format('woff');
  font-style: normal;
  font-weight: 500;
  font-display: auto;
}

My use case is that I want to set the font family only once and the just set different font-weight for individual components.

Also, we have migrated to Kendo / ThemeBuilder in our existing project which relies on fonts to be configured this way.

Completed
Last Updated: 09 Aug 2024 14:12 by ADMIN

Hello,

I am noticing that there are several styles that we cannot access through ThemeBuilder such as adding transitions, custom icons, etc. We would like the ability to export the ThemeBuilder package, add custom styles, then import back into ThemeBuilder. Is this possible? If not, this would be a great feature.

Thanks!
Ian

Completed
Last Updated: 09 Aug 2024 14:12 by ADMIN
Created by: Ian
Comments: 2
Type: Feature Request
10

Hello,

It would be great if Themebuilder had version control built into the tool so that our designers could view previous versions of the theme styles and revert back if necessary. Currently, we are planning on downloading the files and pushing to git, but this is very cumbersome.

Thanks for considering this!

Completed
Last Updated: 09 Aug 2024 12:11 by ADMIN

Hello,

I'm able to customize the components of the webpage, like buttons, grids, etc., but not the entire webpage. Can you support to design an entire webpage using ThemeBuilder so that I can create a login page instead of creating login.css.

Completed
Last Updated: 03 Jul 2024 12:36 by ADMIN
Created by: Nick
Comments: 0
Type: Feature Request
2

The Kendo Themes recently introduced an accessibility swatch A11y for the Default Ocen Blue theme https://www.telerik.com/kendo-angular-ui/components/accessibility/accessibility-swatch/

Feature request: Support for the Ocean Blue A11y Accessibility Swatch in ThemeBuilder.

 

 
Completed
Last Updated: 21 May 2024 15:34 by Fabien
Created by: Fabien
Comments: 5
Type: Bug Report
0

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.

 

Completed
Last Updated: 17 May 2024 07:11 by ADMIN
It would be nice if i am able to add custom colors to primary palette color in theme builder.

Completed
Last Updated: 17 May 2024 06:55 by ADMIN
i would like to set the chevron down arrow vs the default. i set this in themebuilder and export but the icon remains the same default
Completed
Last Updated: 16 May 2024 12:17 by ADMIN
Created by: Brian
Comments: 1
Type: Bug Report
0

Hello,

The MultiSelect and ComboBox Icons seem to have issues. First, in the MultiSelect, I'm not able to customize the icon within the IconButton. In the similar ComboBox, I can customize the icon, but the change is not reflected in the live view.

I would expect that all the clear "X" icons within the dropdown components would inherit from the base TextBox "Clear Icon" but they don't.

Regards,

Brian

Completed
Last Updated: 16 May 2024 12:15 by ADMIN

When the ThemeBuilder project has custom variables or variables exported from Figma in the output _tokens.scss file all variables are with the ‘tb’ or ‘figma’ prefix.

It will be good if these prefixes can be configuration options for the project and users can choose what prefix (or no prefix) should use. 

Completed
Last Updated: 09 Apr 2024 09:48 by ADMIN

Hello,

We have been creating custom variables for a color palette that our design system uses. However, we are unable to set any of the global properties (ie. text color) to one of the custom variables we have created. The list of variable options is limited to the "Theme Colors." We can set the color manually by setting the hex color it would be great if we could use our custom variables, especially if the list of global variables grows in the future.

Thank you for consideration of this feature!

Completed
Last Updated: 09 Apr 2024 09:46 by ADMIN

Add a new smart code editor as a variant of the Property Grid with all visual properties. Do not replace the property grid with this editor. They can live next to each other in different tabs. The smart code editor should support all features of the property grid but with advanced functionalities.  

1. Show all kendo styles attached to the selected layer in a text format 
2. Marks which style is overridden by user styles
3. Users can add any CSS property, not just the one listed by the Proprty grid editors. 
4. Intellisense for CSS properties, something like:




5. Intellisense for using sass/css variables – the editor can recognize the property name and list only corresponding tokens for example – background – shows color tokens, box-shadow – shows effect tokens.  Something like:


Completed
Last Updated: 09 Apr 2024 09:34 by ADMIN

As the subject suggests, I think the ability to support multiple swatches in a single project would be a fantastic addition to Themebuilder!

This change would allow a user to select a theme that'll encompass an app's light mode, and once finished, select a separate theme to repeat the process for dark.

As it currently stands, separate Themebuilder projects need to be created in order to separate light and dark themes. 

Thank you in advance for your consideration!

Completed
Last Updated: 09 Apr 2024 09:32 by ADMIN

Consider the option to expose predefined classes of HTML elements from the Kendo themes. This would allow atomic customization and mapping to other imported variables (like ones imported from Figma designs).

For example:

An option to style the H1 header from the Kendo theme, which has the .k-h1 class. 

Completed
Last Updated: 09 Apr 2024 08:36 by ADMIN
Created by: MJ
Comments: 2
Type: Feature Request
1
It would be really good to be able to copy customized attributes of an element, and paste them into another. So take an example where I want all TextBoxes to be outlined. I've customized the outline version, and want to apply that to the standard TextBox. Select the element, right click to copy, select the target element, right click to paste. Right now I can't even see which attributes are set - the full list are shown and I cannot filter to just those set. There are various ways this could be done, but right now it is a tedious comparison and fiddle to replicate attributes.
Completed
Last Updated: 09 Apr 2024 08:33 by ADMIN
Created by: Nick
Comments: 1
Type: Feature Request
1

Q: Can one css file be produced for just the components selected in ThemeBuilder?

Ideally, we would like to have the option to produce only partial themes for specific components. This will allow to minimize the size of the output CSS/SASS files, which will allow us to lower the size of the end application.

Alternative ways to achieve similar results through manual application builds: https://docs.telerik.com/themebuilder/partial-theme-build

 
Completed
Last Updated: 09 Apr 2024 08:18 by ADMIN

Currently, in ThemeBuilder, each uploaded font must have a unique font family name.

However, in some cases, we would like to add multiple font variants (files) via the same font family name (e.g., all named "Lato") and let the user control them through typography variables (from where users should be able to control the specific weight, type, etc.).

 

Completed
Last Updated: 12 Oct 2023 12:31 by ADMIN
Created by: Kamen Velikov
Comments: 0
Type: Feature Request
1
Add ability to style theme variants such as .k-tooltip-warning, k-tooltip-error, etc.
1 2