HI,
I'm using kendoTreeView and "coloricons-sprite.png" to show images(like folder/pdf... ) . But, i want to show custom image (like close) . Plz suggest me how can i make use of other images (say close button) instead of sprite Image .
Im using code :
I'm using kendoTreeView and "coloricons-sprite.png" to show images(like folder/pdf... ) . But, i want to show custom image (like close) . Plz suggest me how can i make use of other images (say close button) instead of sprite Image .
Im using code :
<
ul
id
=
"treeview"
>
<
li
data-expanded
=
"true"
>
<
span
class
=
"k-sprite folder"
></
span
>
My Web Site
<
ul
>
<
li
data-expanded
=
"true"
>
<
span
class
=
"k-sprite folder"
></
span
>images
<
ul
>
<
li
><
span
class
=
"k-sprite image"
></
span
>logo.png</
li
>
<
li
><
span
class
=
"k-sprite image"
></
span
>body-back.png</
li
>
<
li
><
span
class
=
"k-sprite image"
></
span
>my-photo.jpg</
li
>
</
ul
>
</
li
>
<
li
><
span
class
=
"k-sprite html"
></
span
>about.html</
li
>
<
li
><
span
class
=
"k-sprite html"
></
span
>contacts.html</
li
>
<
li
><
span
class
=
"k-sprite html"
></
span
>index.html</
li
>
<
li
><
span
class
=
"k-sprite html"
></
span
>portfolio.html</
li
>
</
ul
>
</
li
>
</
ul
>
<
style
>
#treeview .k-sprite {
background-image: url("../../content/web/treeview/coloricons-sprite.png");
}
.rootfolder { background-position: 0 0; }
.folder { background-position: 0 -16px; }
.pdf { background-position: 0 -32px; }
.html { background-position: 0 -48px; }
.image { background-position: 0 -64px; }
</
style
>
<
script
>
$(document).ready(function() {
$("#treeview").kendoTreeView();
});
</
script
>