Adding Button to toolbar in FileExplorer

6 posts, 0 answers
  1. Robert
    Robert avatar
    1 posts
    Member since:
    Sep 2010

    Posted 17 Sep 2010 Link to this post

    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.

  2. Dobromir
    Dobromir avatar
    1633 posts

    Posted 20 Sep 2010 Link to this post

    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 */
        background-image: url(custom_button.jpg) !important;

    I hope this helps.

    Sincerely yours,
    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
  3. Alessandra C
    Alessandra C avatar
    4 posts
    Member since:
    Jan 2010

    Posted 09 Nov 2010 Link to this post

    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;



  4. Top Coder
    Top Coder avatar
    18 posts
    Member since:
    May 2005

    Posted 21 Jun 2011 Link to this post

    What's the proper CSS if you have two custom buttons?
  5. Dobromir
    Dobromir avatar
    1633 posts

    Posted 24 Jun 2011 Link to this post

    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;

    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.

  6. Tc Blaize
    Tc Blaize avatar
    3 posts
    Member since:
    Mar 2013

    Posted 04 Apr 2013 Link to this post

    This worked for me... thanks.
Back to Top