This is a migrated thread and some comments may be shown as answers.

ProgressBarArea - Overriding Styles

3 Answers 76 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Developer
Top achievements
Rank 1
Developer asked on 03 Oct 2014, 10:39 AM
Hi,

I have a progress bar area on my page, I'm trying to remove ther header.  Have read that this could be done with the following style changes:
 

<style type="text/css">
RadProgressArea .ruProgress
{
    padding:15px 0 0 !important;
}
RadProgressArea_Windows7 .ruProgress
{
    background-image: none !important;
}
</style>


However this makes no difference - am I missing something?

3 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 06 Oct 2014, 08:13 AM
Hello,

Please, try to apply the following CSS to remove the header of the radProgressArea
.RadUploadProgressArea .ruProgressHeader {
    display: none;
}
 
html .RadUploadProgressArea .ruProgress {
    padding-top: 20px;
}

We are also sending this video of the behavior after applying the styles for your reference.

Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Developer
Top achievements
Rank 1
answered on 07 Oct 2014, 07:57 AM
Hi,

Thanks that work well.  Is there any way to remove the bottom white space and also the external border, so litterally all that is rendered is the progress bar itself?

Thanks again.
0
Magdalena
Telerik team
answered on 08 Oct 2014, 10:52 AM
Hello,

The border (and shadows) can be removed by the following CSS
html .RadUploadProgressArea .ruProgress {
    border: 0;
}
 
html .RadUploadProgressArea .ruShadow .ruProgress {
    box-shadow: none;
}

The bottom space under the time speed information can be removed by the following
html .RadUploadProgressArea .ruTimeSpeed {
    margin-bottom: 0;
}


Regards,
Magdalena
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
General Discussions
Asked by
Developer
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Developer
Top achievements
Rank 1
Share this question
or