We recently update our application from kendo-angular 14 to 15 and noticed that throughout our entire application the kendo-cards got a fixed width of 285px.
Now we noticed that you now have to set a width for the kendo-cards yourself, otherwise it will default to 285px.
My question is why was this 285px chosen as a default? It did not make much sense for us. We expected the width to be 100%, like it was before.
What was the reason for this change? And is this something that could be reverted back to the initial state where it was full width?
Now we noticed that you now have to set a width for the kendo-cards yourself, otherwise it will default to 285px.
My question is why was this 285px chosen as a default? It did not make much sense for us. We expected the width to be 100%, like it was before.
What was the reason for this change? And is this something that could be reverted back to the initial state where it was full width?
Hi Remco,
Thank you very much for the details provided.
Indeed, you are correct that the default width of the Kendo UI for Angular Card component has been set to precisely 285px:
https://www.telerik.com/kendo-angular-ui/components/layout/api/CardComponent/#toc-width
Having said that, what I can suggest as a possible approach for allowing the Card component to automatically determine its exact width based on its parent element would be to set the width property to 'auto':
<kendo-card width="auto"> ... </kendo-card>
To better illustrate the suggested approach, I am sending you a StackBlitz demo that implements it:
https://stackblitz.com/edit/angular-vosdhe
Having discussed the matter with our development team, we can indeed agree that the Card component should not have any predefined width. For this reason, our developers will make sure to further investigate the matter and will consider removing the default value.
I hope the provided information sheds some light on the matter. Please, let me know if I can further assist you with this case.
Regards,Georgi
Progress Telerik