Hello,
Using the ThemeBuilder, we would like to change the default theme for all the buttons in the application.
There is a way to setup the buttons for the "Secondary" and "Primary" theme.
And it seems that some components use the "Secondary" theme, instead of the "Primary" theme. Like here, with the ListBox:
How can we setup our buttons in the ThemeBuilder, so that the default theme used by the components is the "Primary" theme?
1 Answer, 1 is accepted
Hello Youniss,
While with ThemeBuilder, you can create styles for different fill modes and theme colors (with version Q2 2024 we are now supporting all variants of the fill mode, theme color, size, and border-size properties for the Button component through the component configurator feature), the option to change a Kendo/Telerik component internal rendering (for example, to use primary theme color buttons and not base theme color buttons) is only possible if the related Kendo/Telerik component supports it. There is no global Kendo/Telerik option that can explicitly change the internal rendering of all Kendo/Telerik components.
The ListBox in Kendo React only provides a size property (all available properties are listed here). There is no option to change its fill mode or theme color. The current design of the component will always use solid as a fill mode and base as a theme color.
That said, with the latest version of ThemeBuilder (Q2 2024), you can easily set styles for base buttons through the component configuration for the Button component (a feature that was not available in the earlier versions of the ThemeBuilder application).
Regards,
Nick Iliev
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Hello Nick,
Thank you for your answer, we have updated the ThemeBuilder to the latest version and we are now able to set the "base" theme for the buttons, and much more!
Best