GridBuilder Change arrow icon to '+'

[Scott]

Hello. I have a standard Kendo Grid using GridBuilder. Currently, you expand a record with the arrow icon.  Is it possible to switch this to a '+' sign?

[Iliana Dyankova]

Hi Scott,

To achieve this you should change the defaults icons with custom ones. The following CSS rules should help:

.k-grid .k-hierarchy-cell .k-minus {
    background-image: url('/* ... */');
    background-position: 0 0;
}

.k-grid .k-hierarchy-cell .k-plus {
    background-image: url('/* ... */');
    background-position: 0 0;
}

Regards,
Iliana Nikolova
Telerik

[Scott]

That did the trick, thanks! 

[Stefan Timm]

That's not working anymore. Try this:

.k-grid .k-hierarchy-cell .k-i-collapse {

    background-image: url('../Images/minus.png');
    background-position: 0 0;
}


.k-grid .k-hierarchy-cell .k-i-expand {

    background-image: url('../Images/plus.png');
    background-position: 0 0;

}