Material theme outline input

[Robin]

Hi, we are looking for the input, dropdowns which has this outline design in the material theme but we are not able to find it. 

 

It'd have been better if we have this.

 

something like this https://codepen.io/finnhvman/pen/xyOORQ

 

Thanks.

[Martin]

Hi Robin,

Indeed the input controls of the Kendo UI for Angular suite (e.g. AutoComplete, DropDownList, TextBox, etc.) don't have the exact same copy of the Material design. Instead, their own material layout is more oriented to fit the overall design of the Kendo suites.

Please check out the Appearance topic of each dropdown component and scroll down to the fillMode section for more details on how the component will look in outline, fill and other available modes :

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/appearance/#toc-fill-mode

Here is an example:

https://stackblitz.com/edit/angular-7fg8b9-vbzxmd

Regards,
Martin
Progress Telerik

[Robin]

@martin Thanks for the detailed information.

 

However, our company's UI are based on material outline and telerik also provides material theme but it turns out the outline mode is bit different than actual material. I recommended to my company to use telerik UI to their product but our designer is not agreeing to accepts the default design from telerik so he wants material outline inputs at least like original material. 

 

I had to throw some custom css to fake it but, it is not a proper way to do so it'd be better if telerik itself provides a way to make it look like the material outline inputs because you guys have already implemented the earlier design of material but our needs are later version of material (outline one)

 

We cannot throw a lot of custom CSS as we need to support both dark/light mode so it'd be better if you have a way to make it look like the outline mode from material with floating label.

 

Thanks. 

[Martin]

Hi Robin,

I understand your point and the situation that you are in, but currently, we don't have plans to change the Kendo Material theme design.

Regards