Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Customoze the command icon(image) of Raddock

• harsh

  Posted on Jan 27, 2011 (permalink)

  I want to customize the raddock command icon by own custom image.
   how it can be achieved, please suggest me.
  
  

   

   

  DockCommand commandMaximize = new DockCommand();

   

  commandMaximize.Text =

   

  "Maximize";

   

  commandMaximize.CssClass= "DeloittePartContainerMaximizeCommand"

   

  ;

   

  commandMaximize.OnClientCommand =

   

  "container_maximize";
  
  I am doing by applying css class and in that css binding the image like
  
  

   

  .DeloittePartContainerMaximizeCommand

   

   

   

   

  {

   

   

  background-position: -1px -95px;

   

   

   

  background-image: url('<%=WebResource("Deloitte.Core.Controls.DeloittePart.Resources.Images.Maximize.gif")%>');

   

  }
  
  but I am unable to change the default icon by .Maximize.gif.

• Answer Pero Pero

  Posted on Jan 28, 2011 (permalink)

  Hello Harsh,
  
  Try marking your background-image with !important to make it heavier. This will ensure that the built-in command images will not be applied.
  
  

  .DeloittePartContainerMaximizeCommand

  {

    background-position: -1px -95px;

    background-image: url('<%=WebResource("Deloitte.Core.Controls.DeloittePart.Resources.Images.Maximize.gif")%>') !important;

  }

  
  
  Regards,
  Pero
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

• harsh

  Posted on Feb 2, 2011 (permalink)

  Hi Pero,
  Thanks for your response.
  I got it.
  Thanks,
  
  Harsh

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Docking > Customoze the command icon(image) of Raddock