Theme customization of input control appearence variants

1 Answer 48 Views
Theme Builder Pro
Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
Constantinos Petridis asked on 06 Dec 2023, 12:40 PM

I am trying to build a theme for our application, and we have chosen to build upon the material theme.
When I try to customize the look & feel of a DataTimeInput control, I am not able to change the Outline variant of that control as I am able to do so with TextBox input or Button controls. 

My first thoughts was that most controls are basicaly input controls and the most generic of input controls is textbox. Changing the textbox's outline variant of the control, would also change the outline characteristics of the datatime or the dropdown control. But that is not happening. The result css does not include such changes. It seems that for other than textbox controls, the only available style to change is the flat fill mode. :(

Why is that? It seems to me that the Appearence options, of all controls, are important and should be available for customization. I cannot give a unified experience to the end user if some controls are customized to our liking and others not. Our UI/UX team choose Material theme and outline fill mode with medium rounding... they need to change the focus color of the drop down list control... and can only do so in the flat fill mode. Changing the textbox's outline, focus color does not change the outline focus color of the dropdown list or combobox outline.

1 Answer, 1 is accepted

Sort by
0
Nick Iliev
Telerik team
answered on 06 Dec 2023, 01:38 PM

Hello Constantinos Petridis,

 

Indeed, at this very moment, some components in ThemeBuilder can be only styled through their solid fill mode, and some other fill modes, like outline, are not yet supported. As you have observed, this is the case for components like DateInput and DropDownList.

Our team has recognized the need to expand the styling options for our components. We have already added more templates for some components, while we are still researching the best approach for others. As per your request, I have included the DateInput and DropDownList components in the logged feedback request thread. You can track, and upvote the thread to give it a higher priority. You can also leave your comments and let us know which components you would like to see with more exposed styling options.

As a temporary solution, you can use the component variant feature that we recently introduced in ThemeBuilder. This feature allows you to duplicate a component in ThemeBuilder and create its own separate styling variant. Using this approach, you will be able to create a different variant of any chosen component, like DateInput, so that it has unique styling that is separate from the original solid variant.

Learn more about the component variants in ThemeBuilder here...

Please do let us know if you need additional information or have more questions.


 

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.

Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
commented on 07 Dec 2023, 11:55 AM

DateInput & DropDownList are just two components... in our application the full range of input controls are used... combo, date, datetime, time, multiselect... all of them. Also grid is only customizable in Medium size and not in Small size (we use Telerik UI for Blazor).

What you are says is that I will have to either wait for ThemeBuilder to realy support all controls or customize our theme manualy (without the use of theme builder) or upgrade from the Pro license to the Ultimate license in order to use the component variant feature and create from "scratch" themes for all components.

The value of ThemeBuilder is that we (customers of Telerik) will be able to change, visually & easily, the styling of components. In my honest opinion, in its current state the tool should have been free of charge.

Nick Iliev
Telerik team
commented on 07 Dec 2023, 02:10 PM

Thank you for sharing your honest feedback - we truly appreciate your thoughts. Currently, not all templates for the application's components support all fill modes and component variants. We understand that this may not fully meet your requirements. Rest assured, the team is already working on improving all templates to cover more component types if not all (planned for the upcoming year). You can continue to use the free version of the application, and we will notify you as soon as we support more component types.

I want to emphasize that our team constantly works to improve our application and introduce new features. Our release log for the current year shows that we have introduced over sixty major functionalities and hundreds of smaller functional and performance enhancements, hotfixes, patches, and more. 

The main goal of ThemeBuilder is to enable developers to effortlessly introduce ready-to-use themes that can be applied across multiple technologies. We support all Telerik and Kendo suites, meaning every feature we implement is tested against JQuery, Blazor, MVC, Angular, Vue, React, ASP.NET Core, PHP, and more. 

That being said, we understand that you and many users are eager to see even more advanced templates that allow for the styling of other component types. This is a high priority for us, but we cannot provide a specific date for when a particular template will be available for a specific component due to the complexity of such features that need to be implemented and tested against multiple suites. Once again, thank you for your feedback, and please do not hesitate to contact us with any further questions or concerns.

Tags
Theme Builder Pro
Asked by
Constantinos Petridis
Top achievements
Rank 1
Iron
Iron
Answers by
Nick Iliev
Telerik team
Share this question
or