Currently, there are no templates for modifying the sort icons of the filter cells of the TreeList component. There is a template for the Filter Row, which refers to the Grid component. However, the part with the sort icon is not connected to the Grid, as modifying it there doesn't reflect the change in the TreeList.

Consider exposing a templates for these icons.

We use the "/" method of organizing our variables, nesting them into (sub)categories. When we got to the Generate Names step, we needed to check about ~400 checkboxes individually to include/build their full names. I know we'll only need to do this once (unless you run into errors at the end a bunch of times like we did, requiring us to retry many times), but it would be a nice convenience to have a "Check/Select All" option at the top.

The Progress ThemeBuilder currently has the Fluent theme (by Microsoft), but only the light version is available.

As for the other themes (kendo, bootstrap, material) would it be possible to have the dark version too?

Thank you,
best regards

Roberto

Currently, we have templates for the different states of the Calendar cells:

However, it's common to apply multiple states simultaneously. For example, the user may want to style a day cell that is considered current and selected or current, selected, and hovering at the same time. Consider exposing templates for the most commonly used combinations, such as the ones mentioned here.

 

Requested through t.1670882.

In ThemeBuilder Q1 2024 there are Grid templates for styling alternate rows and selected rows. However, there is no template for styling selected alternate row.

Consider providing templates for each rendering option.

How do you set separate padding for different size buttons? I want to make use of the small, medium, large sizes available in the toolkit, but in Themebuilder, it seems there is only one size button

Sometimes, when using the Export Font Icons functionality of the ThemeBuilder Plugin for Figma, the export freezes with "Sending data to server: 0%":

This is due to how Figma handles the export of icons.

Consider implementing a mechanism for indicating the problematic icons so that users can remove/update them and make them eligible for export.

 

Consider exposing a template for the ContextMenu component in ThemeBuilder.

https://docs.telerik.com/kendo-ui/controls/menu/contextmenu/overview 

https://docs.telerik.com/blazor-ui/components/contextmenu/overview

Requested through t.1658717

 

Starting from Q2 2024, new variables were introduced in the Kendo themes, such as primary-subtle, primary-subtle-hover, primary-subtle-active, etc., and they're all variants of some base color variable (e.g., primary).

Currently, if users choose to use a different hue for such base variables, they must manually change all of their variants as well.

Consider implementing a feature allowing users to change all variants of a variable based on an internal algorithm when the base variable (e.g., primary) is modified.

With Kendo theme version 8.0.0 the some radius variables like $kendo-border-radius were removed and are no longer present.

Instead, there is now a new feature called kendo-border-radii that automates the creation of different border-radius variables (e.g. like $kendo-border-radius-sm aor $kendo-border-radius-lg)

More about the new variables in Kendo Themes 8.0.0 and above are available in the official documentation:
https://www.telerik.com/design-system/docs/themes/theme-material/theme-variables/#variables 

Consider exposing border-radius variables as they were present in older version but are not accessible in TB Q3 2024.

There is a template in the Constructive Elements canvas of components, such as Grid, MultiSelect, etc., for Filter List Item. Currently, ThemeBuilder does not have an exposed component part for modifying its search icon. It becomes problematic when we use font icons, especially a different font file for the icons, which requires changing the character code.

Consider exposing a component part to modify this icon.

Sometimes, errors occur in ThemeBuilder due to various reasons.

Consider including indicators in these errors to let the users know where they are located so they can possibly fix them through ThemeBuilder's user interface if applicable.

Requested through t.1667194.

In Sass is possible to define à variable like this

$primary: red;
$primary-filter: rgba($primary, .5);

But this possibility is not supprted by ThemeBuilder

It may be usefull for variation of same color in theme whit only one variable to adjust.

With Sass there are possibility to define variable as !default and can override it before import the script

_tokens.scss

tb-custom-primary: #014d5b !default; //Is the value if not defined in final scss
tb-primary: tb-custom-primary;
-----------------------------------------------

index.scss
$tb-custom-color: #34b232; //Now I can define the final value for variable
@import '_tokens'
it would be useful to add it in ThemeBuilder UI. 

Currently, ThemeBuilder exposes templates for the states of the TabStrip items. However, the changes apply to all positions of the TabStrip. This is inconvenient if you want to apply changes only to one of its positions. Also, these items' states have specific styles coming with the keyword "!important", which the default templates do not override.

Consider exposing templates for these states based on the position of the TabStrip component.

Requested through t.1666111.

• Open a themebuilder project
• Click on the settings icon in the header bar on the right side
• Navigate to the colors section
• Try to navigate away from the color section

--> Create Variable Dropdown turns invalid and I can't navigate away from the section. Also there is no way to make it valid.

 

Consider providing a way for users to define color palettes. Such a feature is currently unavailable in ThemeBuilder.

 

Requested through t.1665887.

Currently, when we switch the color swatches, the changes apply to all variable modes. It would be beneficial if the change affected only the current mode. This would allow users to set different color swatches for the different variable modes and use them as starting points for implementing, for example, light/dark theme functionality.

Consider providing an option to customize the text content for various components (like "Button", "Notification", etc.) so that users can test various scenarios like having longer strings, multiline strings, and similar scenarios.

For example, a user should be able to easily change the template text so that he can test sub-element alignment

Current template


Desired template with customized text

As of now, customization is only possible through the browser developer's tooling.

 

 

Currently, the Calendar that is used in ThemeBuilder is considered "infinite", where we can change the months by scrolling. However, in Telerik UI for Blazor, the only calendar available is the "modern" one, which uses arrow buttons to change months. As a result, some of the styles we apply to the calendar templates in ThemeBuilder don't work with this calendar. Additionally, we are unable to style certain elements, like the arrow buttons, using ThemeBuilder.

https://github.com/telerik/kendo-themes/tree/develop/tests/calendar

Consider exposing templates for a "modern" Calendar component.