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

Adding Button to toolbar in FileExplorer

5 Answers 124 Views
FileExplorer
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 17 Sep 2010, 04:29 PM
I would like to add a button to the toolbar in the file explorer. I saw the example in the documentation and was able to get it working. Now, I would like to change the image of the button (the default seems to be the refresh symbol). I noticed the imageurl property is blank so I decided to set it to an image in my library. The new button is now showing both the default refresh image, and the image I am trying to use.

I know I must be missing something here. Please help.

Thanks!

5 Answers, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 20 Sep 2010, 05:50 PM
Hi Robert,

In order to change the icon of the custom button you need to add a CSS declaration to the page where RadFileExplorer resides, e.g.:
/* custom_button is the value of the CssClass property set to the button when its registered */
.custom_button
{
    background-image: url(custom_button.jpg) !important;
}

I hope this helps.

Sincerely yours,
Dobromir
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
Alessandra C
Top achievements
Rank 1
answered on 09 Nov 2010, 04:57 PM
I have the same problem but your solution doesn't work.
This one works: 

 

.custom_button.rtbWrap .rtbText
{
    background-image: url(custom_image.gif) !important;
}

bye

 

0
Top Coder
Top achievements
Rank 1
answered on 21 Jun 2011, 10:45 PM
What's the proper CSS if you have two custom buttons?
0
Dobromir
Telerik team
answered on 24 Jun 2011, 10:06 AM
Hi Henry,

You will need to apply a different CSS class to each of the custom buttons and have two different CSS selectors to apply different icons
.custom_button1.rtbWrap .rtbText
{
    background-image: url(custom_image1.gif) !important;
}
.custom_button2.rtbWrap .rtbText
{
    background-image: url(custom_image2.gif) !important;
}


Regards,
Dobromir
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Tc Blaize
Top achievements
Rank 1
answered on 04 Apr 2013, 02:46 PM
This worked for me... thanks.
Tags
FileExplorer
Asked by
Robert
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Alessandra C
Top achievements
Rank 1
Top Coder
Top achievements
Rank 1
Tc Blaize
Top achievements
Rank 1
Share this question
or