Remove empty bar in RadProgress

Thread is closed for posting
5 posts, 1 answers
  1. RichJ
    RichJ avatar
    83 posts
    Member since:
    Aug 2006

    Posted 08 May 2012 Link to this post

    Hi all,

    Does anyone have any suggestions on how can I remove the empty bar at the top of the RadProgress box?
    See attached image.

    Thanks in advance
    Rich
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 09 May 2012 Link to this post

    Hello Rich,

    You can use the following css class selector to remove the sprite image that is applied to the RadProgressArea control:
    div.RadUploadProgressArea_Office2010Silver .ruProgress
            {
              background-image: none;
            }

    The example applies to the control when you are using the Office2010Silver skin and depending on the skin that you are setting you will need to change the name of the selector.

    Kind regards,
    Kate
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. RichJ
    RichJ avatar
    83 posts
    Member since:
    Aug 2006

    Posted 09 May 2012 Link to this post

    Thanks for the reply Kate,

    Your css did indeed remove the background sprite, however I'm left with a large empty space at the top (see image).  How do I reduce this as per image 2?

    Cheers
    Rich
  5. Answer
    Kate
    Admin
    Kate avatar
    1898 posts

    Posted 14 May 2012 Link to this post

    Hi Rich,

    You can use the following css class to reduce the blank space in the progress area:
    div.RadUploadProgressArea li.ruProgressHeader {
          margin: 15px 18px -7px;
    }

    All the best,
    Kate
    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.
  6. RichJ
    RichJ avatar
    83 posts
    Member since:
    Aug 2006

    Posted 14 May 2012 Link to this post

    Hi Kate,

    Thanks for the reply.  Using the two style changes you've supplied has solved the problem.

    Cheers
    Rich
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017