</div> <div class="demo-section"> <h3>PanelBar with sprites</h3> <?php $panelbar = new \Kendo\UI\PanelBar('panelbar-sprites'); $brazil = new \Kendo\UI\PanelBarItem("Brail"); $brazil->spriteCssClass("brazilFlag"); $brazil->addItem(array("text" => "History", "spriteCssClass" => "historyIcon"), array("text" => "Geography", "spriteCssClass" => "geographyIcon")); $india = new \Kendo\UI\PanelBarItem("India"); $india->imageUrl("indiaFlag"); $india->addItem(array("text" => "Top News", "spriteCssClass" => "historyIcon"), array("text" => "Photo Galleries", "spriteCssClass" => "geographyIcon")); $netherlands = new \Kendo\UI\PanelBarItem("Netherlands"); $netherlands->spriteCssClass("netherlandsFlag"); $netherlands->addItem(array("text" => "Top News", "spriteCssClass" => "historyIcon"), array("text" => "Photo Galleries", "spriteCssClass" => "geographyIcon")); $panelbar->dataSource(array($brazil, $india, $netherlands)); echo $panelbar->render(); ?> </div> <style scoped> .k-panel { -webkit-transform: translatez(0); } .demo-section { width: 300px; }