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

kendo-angular-panelbar not display correctly

1 Answer 374 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
bryian
Top achievements
Rank 1
bryian asked on 07 Feb 2018, 08:09 PM

I follow the example on this link https://www.telerik.com/kendo-angular-ui/components/layout/panelbar/ to try out the panelbar control

but the result not matching the sample. What is missing?

 

Thanks,

Bryian Tan

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimiter Topalov
Telerik team
answered on 09 Feb 2018, 09:27 AM
Hi Bryian,

It seems the Kendo UI theme is not loaded and thus the default styling is missing. You can follow the instructions in either our Get Started guide or the section on Styling that provide various approaches for loading our styles:

https://www.telerik.com/kendo-angular-ui/getting-started/

https://www.telerik.com/kendo-angular-ui/components/styling/

Here an example of a PanelBar styled as expected when our styles are loaded:

https://plnkr.co/edit/0BznHRAfO9YzNaPyTOxo?p=preview

... and the exact same example when the styles are missing:

https://plnkr.co/edit/q0HTQE9hRdzFsAEIEr8p?p=preview

Let us know if you have further questions.

Regards,
Dimiter Topalov
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
bryian
Top achievements
Rank 1
Answers by
Dimiter Topalov
Telerik team
Share this question
or