This is a migrated thread and some comments may be shown as answers.

Card, Stepper, TabStrip and other Layout components not rendering correctly

2 Answers 29 Views
Drawer
This is a migrated thread and some comments may be shown as answers.
Alvin
Top achievements
Rank 1
Alvin asked on 04 Jan 2021, 03:52 PM

Hi,

I'm using the Drawer component as a navigation menu widget. When I try to lay out content in the kendo-drawer-content area the content is correctly rendered except when it is a layout component; then styling simply breaks. For example, grids are rendered correctly but cards, steppers, tabstrips, panelbars, etc. lose their structure/styling (see Stackblitz: https://stackblitz.com/edit/kendo-drawer-component-ehlmsd for some examples).

Am I doing something wrong or is this a bug?

Thanks in advance for your assistance.

2 Answers, 1 is accepted

Sort by
0
Accepted
Martin
Telerik team
answered on 06 Jan 2021, 08:11 AM

Hi Al,

Thank you for the provided details.

I checked the demo and noticed that in styles.scss file the styles for some of the used components are missing. Adding the styles for the TabStrip, Card and Stepper fix the layout of the widgets:

@import "~@progress/kendo-theme-default/scss/appbar/_index";
@import "~@progress/kendo-theme-default/scss/drawer/_index";
@import "~@progress/kendo-theme-default/scss/grid/_index";

@import "~@progress/kendo-theme-default/scss/tabstrip/_index";
@import "~@progress/kendo-theme-default/scss/card/_index";
@import "~@progress/kendo-theme-default/scss/stepper/_index";

Here is the updated example:

https://stackblitz.com/edit/kendo-drawer-component-veurcz?file=styles.scss

I hope this helps. Let me know if any further questions come up.

Regards,
Martin
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Alvin
Top achievements
Rank 1
answered on 06 Jan 2021, 09:51 AM
Thanks Martin
Tags
Drawer
Asked by
Alvin
Top achievements
Rank 1
Answers by
Martin
Telerik team
Alvin
Top achievements
Rank 1
Share this question
or