Expand/Collapse image when LightWeight

[Andreas]

Hi,

Just discovered that the TreeView actually has LightWeight mode enabled...
But, the Expand/Collapse image is always the old Windows XP look (+/-) instead of the more modern triangle symbol.
For example when using the Metro skin, in Classic mode the Expand/Collapse has the modern symbol but in LightWeight mode it displays the old +- symbol.

Regards
Andreas

[Magdalena]

Hello Andreas,

The triangle expand/collapse icons in lightweight render mode can be achieved by applying the following CSS

html .RadTreeView .rtPlus,
html  .RadTreeView .rtMinus {
    border: 0;
    background: transparent;
}

html .RadTreeView .rtPlus:before,
html .RadTreeView .rtMinus:before {
    font-size: 0.9em;
    line-height: 1.3em;
    text-indent: 2px;
}

html .RadTreeView .rtPlus:before {
    content: "\25B6";
}

html .RadTreeView .rtMinus:before {
    content: "\25E2";
    color: #25a0da;
}

Regards,
Magdalena
Telerik

 

 

[Andreas]

Hi,

This doesn't look as good as we expected...
Firstly, the expand and collapse images doesn't have the same look, the expand image is much sharper!
Secondly these images takes a lot of focus, for example compared to Windows Explorer, if a folder is not expanded it is just a border around the image.

Will this be fixed in a future release with real font-icons using the same telerik font as in other controls?

Regards
Andreas

[Magdalena]

Hi Andreas,

We plan to make all plus/minus icons of RadTreeView to be with triangle shape. If the solution in the last reply do not meet your expectations, you can also use a custom font to display custom icons.

The other way is to use custom sprite images as a background. Please, find a sample solution in the attachment.

Do not hesitate to contact us if you have other questions.

Regards,
Magdalena
Telerik

 

 

[Andreas]

Hi,

We already have a custom sprite for the Classic render mode and that is working fine for now.
Will just wait until you makes all icons triangle shaped until we switch to Lightweight mode for this control...

Regards
Andreas