This is a migrated thread and some comments may be shown as answers.

Expand/Collapse image when LightWeight

4 Answers 110 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Andreas
Top achievements
Rank 1
Andreas asked on 27 Nov 2014, 06:51 AM
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

4 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 28 Nov 2014, 11:38 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Andreas
Top achievements
Rank 1
answered on 02 Dec 2014, 09:00 AM
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
0
Accepted
Magdalena
Telerik team
answered on 04 Dec 2014, 12:25 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Andreas
Top achievements
Rank 1
answered on 04 Dec 2014, 12:30 PM
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
Tags
TreeView
Asked by
Andreas
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Andreas
Top achievements
Rank 1
Share this question
or