unable to style custom commands with a background image

4 posts, 0 answers
  1. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 09 Apr 2009 Link to this post

    Hello,

    I followed the documentation to replaced default buttons for custom commands, creating a css class like
    .dockadd
    {
    width: 20px;
    background: url(/myurl/myimg.gif);
    }

    then applying it with a CssClass='dockadd' to my custom command.
    Something is happening as the image for command changes but it is not the one I set with my class but some kind of inverted V.
    I also noticed that change the width in css has no effect on commands size.
    Is there something not mentionned in documentation I need to implement ?
    I must say that I am also applying the Web20 skin to the dock.

    Thanks for help

    CS
  2. Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 09 Apr 2009 Link to this post

    Try to set !important to width and background and everything will be fine, e.g.
     <style type="text/css">  
        .dockadd  
        {  
            width20px !important;  
            backgroundurl(/myurl/myimg.gif) !important;  
        }  
        </style> 
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. CSurieux
    CSurieux avatar
    465 posts
    Member since:
    Jan 2007

    Posted 09 Apr 2009 Link to this post

    Thanks, it works.

    So there is a bug somewhere, documentation or radDock :)

    CS
  5. Obi-Wan Kenobi
    Obi-Wan Kenobi  avatar
    460 posts
    Member since:
    Aug 2007

    Posted 09 Apr 2009 Link to this post

    The documentation should be updated :)
Back to Top