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

Change images of ListBox button

3 Answers 145 Views
ListBox
This is a migrated thread and some comments may be shown as answers.
Anna Wodinszky
Top achievements
Rank 1
Anna Wodinszky asked on 06 May 2010, 02:40 PM
Hi!

I would like to change the images of the  listbox's buttons. Where can i do this?
Can i set these changes like : onmousedown, onmouseoves etc.?

Thank you

3 Answers, 1 is accepted

Sort by
0
Veronica
Telerik team
answered on 11 May 2010, 10:38 AM
Hello Anna Wodinszky,

Currently, RadListBox does not provide this functionality out-of-the-box. However, you can change images on onmouseover or onmousedown but you'll have to use different CSS classes for this.

The only customization of the buttons available for now is that you can display text next to the image by setting the RenderButtonText property to true. You may find demo about this here.


Regards,
Veronica Milcheva
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
0
niv kfir
Top achievements
Rank 1
answered on 24 Jun 2012, 10:56 AM
I see this post is from 2010.
Is there any progress with customizing the image of a radListBox buttons?

Thanks,
Niv.

0
Kate
Telerik team
answered on 27 Jun 2012, 09:35 AM
Hi Niv,

I have already answered your question in the support ticket that you sent us but I will paste my answer here as well in case anyone else needs it:

With the Default skin of the RadListBox control you can use the following css class selector in order to alter the appearance (the background image that is currently applied) of the transfer buttons:
div.RadListBox_Default .rlbButton .rlbButtonTL,
div.RadListBox_Default .rlbButton .rlbButtonTR,
div.RadListBox_Default .rlbButton .rlbButtonBL,
div.RadListBox_Default .rlbButton .rlbButtonBR,
div.RadListBox_Default .rlbDisabled:hover .rlbButtonTL,
div.RadListBox_Default .rlbDisabled:hover .rlbButtonTR,
div.RadListBox_Default .rlbDisabled:hover .rlbButtonBL,
div.RadListBox_Default .rlbDisabled:hover .rlbButtonBR
 {
    background-image: url("ListBox/rlbButtonNormal.png");
}

I would also suggest that you refer to the following help article for more information on the different css classes that are applied to the control:
http://www.telerik.com/help/aspnet-ajax/listbox-css-skin-file-selector.html

You can also find the attached images needed for the hover and normal state of the transfer buttons of the RadListBox control.

Regards,
Kate
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
ListBox
Asked by
Anna Wodinszky
Top achievements
Rank 1
Answers by
Veronica
Telerik team
niv kfir
Top achievements
Rank 1
Kate
Telerik team
Share this question
or