[Solved] Style cancel button in progress area

[Michael Dunbar]

Hi,

I'm creating a custom skin based on the Outlook skin for the progress area. I'd like to restyle the cancel button that is automatically generated by the control but was wondering what css class I need to target. I'm using Q3 2008 and the css section of the skin for the progress area is as follows:

/*progress area*/

.RadUpload_FileExplorer .ruProgress li
{
    margin:0 0 1em;
    font-weight:bold;
    color:#333;
}

.RadUpload_FileExplorer .ruProgress li.ruCurrentFile
{
    font-weight:normal;
    color:#004a93;
}

.RadUpload_FileExplorer .ruProgress .ruBar
{
    border:1px solid #7f9db9;
    background:#fff;
    margin-bottom:0.4em;
    height:16px;
    overflow: hidden;
}

.RadUpload_FileExplorer .ruProgress .ruBar div
{
    background:#ee8315;
    height:16px;
}

.RadUpload_FileExplorer .ruProgress .ruActions
{
    margin:1.2em 0 0;
    font-weight:normal;
}

.RadUpload_FileExplorer .ruProgress span
{
    font-weight:normal;
}

I just need the element to target really? I thought it may have been .ruActions, but this doesn't appear to be the case.

Thanks,

Michael

[Genady Sergeev]

Hi Michael Dunbar,

You can use the following CSS selectors to style the cancel button:

.RadUploadProgressArea .ruCancel
          {
             background:none !important;
          }

Kind regards,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.