New to Kendo UI for jQuery? Start a free 30-day trial

DataImageUrlField

configuration

Sets the field of the data item that provides the image URL of the PanelBar nodes.

dataImageUrlField

String

Default: null

<ul id="panelbar"></ul>
<script>
var items = [
  { text: "Baseball", image: "https://demos.telerik.com/kendo-ui/content/shared/icons/sports/baseball.png" },
  { text: "Golf", image: "https://demos.telerik.com/kendo-ui/content/shared/icons/sports/golf.png" }
];
$("#panelbar").kendoPanelBar({
  dataImageUrlField: "image",
  dataSource: items
});
</script>