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

ProgressArea title

10 Answers 220 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Shonda
Top achievements
Rank 1
Shonda asked on 14 Apr 2009, 03:35 PM
I would like to add some text to the progress area in the colored box above the progress bars. Is this possible and if so how can I achieve this?

10 Answers, 1 is accepted

Sort by
0
Adam Ooten
Top achievements
Rank 1
answered on 16 Apr 2009, 01:51 PM
That is a great question and one I was about to ask!  Anybody know how to do this?  That header area looks like it was made to have a title in there, but I have not figured out how to add one.
0
Accepted
Genady Sergeev
Telerik team
answered on 17 Apr 2009, 01:55 PM
Hi Shonda Fortin,

This can be easily achieved using CSS and jQuery. The idea is to add <h2> tag to the RadProgressContainer and then position it accordingly to your needs. Example:

 <style type="text/css"
        .RadUploadProgressArea 
        { 
            position: relative; 
        } 
 
        .header 
        { 
            position: absolute; 
            top: 15px; 
            left: 20px; 
            font-size: 16px; 
            line-height: 20px; 
            margin: 0; 
            padding: 0; 
        } 
    </style> 

and apply this style to the following:

<script type="text/javascript"
        function pageLoad() { 
            $("<h2> This is header </h2>"
                .addClass("header"
                .insertBefore(".RadUploadProgressArea ul"); 
        }    
    </script>   

In addition, you can find a sample project reproducing the desired functionality attached to this response.

All the best,
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.
0
Accepted
Adam Ooten
Top achievements
Rank 1
answered on 05 May 2009, 04:33 PM
I didn't want to use jQuery for this solution, so I thought I would share the code that works for me without jQuery.

<style>  
.RadUploadProgressArea  
{  
    positionrelative;  
}  
.clsLoadHeader  
{  
    positionabsolute;  
    top15px;  
    left20px;  
    font-size16px;  
    line-height20px;  
    margin: 0;  
    padding: 0;  
}  
</style> 

<script language="javascript" type="text/javascript">  
        function pageLoad() {  
            var container = document.getElementById('RadProgressArea1_Panel');  
            var new_element = document.createElement('h2');  
            new_element.innerHTML = 'IMS';  
            new_element.setAttribute("class""clsLoadHeader");     //For Most Browsers  
            new_element.setAttribute("className""clsLoadHeader"); //For IE; harmless to other browsers.  
            container.insertBefore(new_element, container.firstChild);  
        }  
</script> 

Same concept, but jQuery free!  Enjoy!
0
Shonda
Top achievements
Rank 1
answered on 05 May 2009, 04:52 PM
Works like a charm! Thanks.
0
Martin
Top achievements
Rank 1
answered on 05 Aug 2009, 03:15 PM
Call me crazy, but how is that EASY?  How about adding a title attribute to the RadProgressArea? 

 <telerik:RadProgressArea id="progressArea1" runat="server" title="My expensive control" />


0
Genady Sergeev
Telerik team
answered on 06 Aug 2009, 08:34 AM
Hello Martin,

The title attribute is not rendered by browsers, the message set in there will appear in a tool tip. It is mainly used for SEO and accessability reasons.

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.
0
ATS
Top achievements
Rank 1
answered on 22 Jan 2010, 04:35 PM
Then add an attribute called HeaderText or something! This does kind of seem like a no-brainer to me, I've always assumed I was missing something with that bar at the top, it appears to have been made for text.
0
Genady Sergeev
Telerik team
answered on 26 Jan 2010, 02:29 PM
Hello JT,

I have added this feature request to our PITS system.I suggest that you navigate to this URl and vote for the feature. You can increase its priority this way.

Best wishes,
Genady Sergeev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
Jon Vickers
Top achievements
Rank 1
answered on 12 Oct 2010, 05:13 PM
Where is this PITS listing, I can't find it.

0
ATS
Top achievements
Rank 1
answered on 12 Oct 2010, 05:32 PM
Tags
Upload (Obsolete)
Asked by
Shonda
Top achievements
Rank 1
Answers by
Adam Ooten
Top achievements
Rank 1
Genady Sergeev
Telerik team
Shonda
Top achievements
Rank 1
Martin
Top achievements
Rank 1
ATS
Top achievements
Rank 1
Jon Vickers
Top achievements
Rank 1
Share this question
or