Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Input > Adding image to SpinUpButton in RadNumericTextBox

• Frank -

  Posted on Apr 13, 2011 (permalink)

  Hi, I'am trying to add an images to the SpinUp and SpinDown buttons in a RadNumericTextBox.
  The control will not display the whole image, heres my code:
  
  

  <telerik:RadNumericTextBox ID="RadNumericTextBox1" runat="server" 

      ShowSpinButtons="true" AutoPostBack="true" SpinDownCssClass="RadNumericTextBox test">

  </telerik:RadNumericTextBox>

  
  And the Css:
  
  

  .RadNumericTextBox.test

  {

  background-color: Yellow;

  background: url('../Images/SpinDownPic_64x64.png') repeat;

  }

  
  When background-color Yellow is used I can see the yellow color on the SpinDown button, so the "wiring" between HTML and CSS is correct.
  But... when I try to use the image I can only see a little bit of the image in the button...
  How can I make the SpinDownButton bigger so that it displays the whole image? I've been playing around with height and width properties inside css with no luck - I just want a Big image for the spinbuttons .. :(

• Maria Ilieva Maria Ilieva

  Posted on Apr 18, 2011 (permalink)

  Hello Frank ,
  
  The spin button images are rendered in <a> element on the page. I would suggest you to modify this element width and height to fit to the used image. For example:
  
  

  .RadInput_Default .riSpin a {

      height: 15px;

      line-height: 15px;

      width: 20px;
  
  I hope this helps.

  
  
  Kind regards,
  Maria Ilieva
  the Telerik team

  Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET > Input > Adding image to SpinUpButton in RadNumericTextBox