Add support for all possible Kendo/Telerik Components variants and configurations in ThemeBuilder.
For example, this includes all possible variants for creating a Kendo Button:
The above should also be supported for various Kendo/Telerik components like
- DateInput (requested through t.1633591)
- DropDownList (requested through t.1633591)
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!
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
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.).
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!
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.
How would I add custom tokens e.g. different shadow settings in ThemeBuilder.
This is the JSON for one such setting:
"$gph-grey-100": {
"value": "#8f8f8f",
"type": "color"
},
"$gph-shadow": {
"value": {
"x": "3",
"y": "04",
"blur": "0",
"spread": "0",
"color": "{$gph-grey-100}",
"type": "innerShadow"
},
"type": "boxShadow"
}
Currently, in ThemeBuilder, the generated stypes for the Kendo/Telerik Grid component are for size "medium" (or "md").
However, in Kendo UI for JQuery and other Kendo/Telerik suites, the Grid size property supports other values like "small" and "large".
https://docs.telerik.com/kendo-ui/controls/grid/appearance/sizing
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/size
Consider providing ThemeBuilder templates to allow the generation of styles for other Grid sizes
Allow customisation of frozen and locked columns & cells in Grid for more comprehensive component styling.
Add the ability to style combined state: e.g. selected:hover:active.
Currently, you can style these states separately.
Consider providing export options for fonts - for example the one requested below:
...
I would like to request the inclusion of a non-exportable option in the Font Manager. Specifically, I suggest adding an additional field that allows users to choose whether to include a particular font in the "_fonts.scss" file or not.
The purpose behind this request is to utilize these fonts within the ThemeBuilder Pro to observe the visual outcomes (including Typeface & Icon fonts). However, it I do not want to generate these fonts in the final zip since I already have fonts with the same names in my application. I solely require the font names to be present in the "_tokens.scss" file.
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-y
$kendo-grid-padding-x
$kendo-grid-padding-y
$kendo-input-border
$kendo-input-hover-border
Now, to reset a component to default, you need to click on each layer and look for where it was changed. It would be great to have a button to roll back all settings, for example, like in the screenshot.
Otherwise, it turns out that you spend a lot of time setting up the component, and then return the same amount of time back.
Thanks!
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
Hello,
We are planning on setting many custom variables and would like more control over their ordering and naming.
- Enable sorting of custom variables
- Enable numbers in variable names
Thank you for your consideration!
Hi,
Inside the exported zip from ThemeBuilder is a npm package, and I noticed that the package version is always set to 1.0.0.
Is there a way to edit and/or auto increment the package version so we can publish the exported themes to our internal npm repository?
