Consider providing public API endpoints for different ThemeBuilder functionalities, such as export options. This will allow users to provide automated distribution of the theme.

Requested through t.1644512

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

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!

Support in ThemeBuilder for using variable fonts (a font where a single file contains all weight variations).

https://fonts.google.com/knowledge/glossary/variable_fonts 

Example for variable font: https://fonts.google.com/specimen/Inter 

Requested through t.1627093

Consider providing a styling template for the Kendo/Telerik Grid with sticky columns

For example:

https://docs.telerik.com/kendo-ui/controls/grid/columns/sticky-columns#:~:text=Sticky%20columns%20enable%20you%20to,reaches%20left%2Fright%20Grid%20border. 

https://demos.telerik.com/aspnet-mvc/grid/sticky-columns 

https://www.telerik.com/kendo-angular-ui/components/grid/columns/sticky/#:~:text=Columns%20marked%20as%20%22sticky%22%20are,depending%20on%20the%20scrolling%20direction. 

Note:

Currently, in Kendo UI for React a similar concept is the locked columns https://www.telerik.com/kendo-react-ui/components/grid/columns/locked/ 

Consider the option to support the Telerik/Kendo hierarchical grids or grid grouping through separate component templates.

For example,

https://demos.telerik.com/aspnet-mvc/grid/hierarchy 

https://www.telerik.com/kendo-angular-ui/components/grid/grouping/basics/ 

The hierarchical grids are visualized with a master row similar to the Grouping Row template. However, it is currently impossible to directly style the hierarchical master row.


Example for grid groups


https://stackblitz.com/run/?file=src%2Fapp%2Fapp.component.ts 

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.

In my example the neumorphism-default

box-shadow: 3px 3px 5px 0px rgba(52, 178, 50, .33), -3px -3px 5px 0px rgba(255, 255, 255, .6);

On the ButtonGroup I got overflow on the other buttons and I want to clip the buton for remove the shadow on adjacents buttons.

In my example:

This clip-path can help to apply shadow on the buttons group

to pass from this :


to this

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.

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

Requested through t.1665887.

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.

We need a way to load/save themes.  The theme editor is honestly not very useful as it is.  This surely can't be hard to allow a user to upload a file and use that as the basis for making changes.  A one-off configuration is not how development works.  There was one ticket similar to this that was marked as fixed but bookmarking and loading from a page is a poor and easy way out way to do this imho.

I would like to be able to set the style for the focus state for all the input controls in one place.

Currently I would need to select each control, go the advanced edit and set my style. If I then need to make a small change to that style I have to repeat the process for each individual component.

It would be useful if there was a selector on the title bar of each component group that allowed you to set a styles for all the components in the group for states such as hover, focus etc.

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:

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. 

Add a Last Cell template for the Grid component similar to the First Cell template that we currently have exposed.

Requested through t.1626999

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.