PanelBar not working ( Kendo UI )

[Paul]

Hi all,
Sorry if I am posting in the wrong section I just didn't know which one I should of used to post my question.

My problem is , I am trying to implement the PanelBar widget  using the example code found here  and here I have also added and referenced the following libraries/style-sheets:

   <link href="styles/kendo.common.min.css" rel="stylesheet" />
   <link href="kendo/styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <link href="styles/main.css" rel="stylesheet" />
    

  <script src="kendo/js/kendo.all.min.js "></script>
  <script src="kendo/js/jquery.min.js"></script>
  <script src="kendo/js/kendo.mobile.min.js"></script>

However when i go to test my app the PanleBar just appears as a normal ul/il list 

Example of my "panelbar"



Any help or idea would be great. 

Paul

[Paul]

What I see when I load my app and the panelbar

[Paul]

Just seen the example was been used in a web application not a mobile application 

[Alexander Valchev]

Hello Paul,

The PanelBar is a web widget. Its scripts are not included in kendo.mobile.min.js.

If you want to use the PanelBar widget in your mobile application you should remove kendo.mobile.min.js and add kendo.all.min.js. In addition you should include the corresponding theme style sheet.
For example: <link href="/styles/kendo.default.min.css" rel="stylesheet" />

 

More detailed information regarding JavaScript dependencies please check this help topic:

• http://docs.telerik.com/kendo-ui/getting-started/javascript-dependencies

Regards,
Alexander Valchev
Telerik