Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > AsyncUpload > ASP Button to trigger RadAsyncUpload

• Pat

  Posted on Dec 19, 2011 (permalink)

  Currently i am working with the RadAsyncUpload Telerik control.  Everything is working as i hoped it would: Validating the number of files clientside, being able to upload multiple files, etc.  So everything works fine.  However, one client has come to me and expressed his dislike for the UI of the button.  Attached should be a screenshot showing an asp button being highlighted and the "Upload Pictures" being the RadAsyncUpload button.  I can't seem to find a way to customize the RadAsyncUpload button to reflect the similar representation that the asp buttons provide (hovering color, buttonsize, onclick color, etc.).  So my question is, is there anyway to add an asp button which would trigger RadAsyncUpload's upload process?
  
  Thanks again for the help,
  
  -  Pat

  Attached files

  • telerik-button.JPG

  Reply

• Pat

  Posted on Dec 21, 2011 (permalink)

  Bump, need this done by the end of the week if anyone has any ideas.

  Reply


• Dimitar Terziev Dimitar Terziev

  Posted on Dec 22, 2011 (permalink)

  Hello Pat,
  
  The Select button which in your case is Upload Pictures is using sprite images. You could controls the size of this button by selecting a bigger image from the sprite. Here are the three options available:
  

  <style type="text/css">

      /* large */

      html .RadUpload .ruBrowse

      {

          background-position: 0 -46px;

          margin-left: 4px;

          width: 115px;

      }

       

      /* medium */

      html .RadUpload .ruBrowse

      {

          background-position: 0 -23px;

          margin-left: 4px;

          width: 80px;

      }

       

      /* small */

       

      html .RadUpload .ruBrowse

      {

          background-position: 0 0;

          margin-left: 4px;

          width: 65px;

      }

  </style>

  
  As for the hover state, currently no class is applied when the button is hover, but we shall add such functionality shortly.
  
  Regards,
  Dimitar Terziev
  the Telerik team

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply

• Juan

  Posted on Feb 8, 2012 (permalink)

  hi, i use this css in my stylesheet
  
  html .RadUpload .ruBrowse
  {
      background-position: 0 -23px;
      margin-left: 4px;
      width: 80px;
  }
  
  this style works correctly, but in event "over" in the button the style is other, in the image "img_over_btn_radasyncupload.png" is the example, what can i do?

  Attached files

  • img-over-btn-RadAsyncUpload.png

  Reply

• Dimitar Terziev Dimitar Terziev

  Posted on Feb 13, 2012 (permalink)

  Hi,
  
  When you hover the select button, a specific style is applied which is using another sprite, so you should apply new CSS rules for the hover state as well. Please try the following CSS:
  

  .ruButtonHover

          {

              background-position: 100% -23px !important;              

              width:80px;

          }

  
  Greetings,
  Dimitar Terziev
  the Telerik team

  Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > AsyncUpload > ASP Button to trigger RadAsyncUpload