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

Is there a way to convert existing skin to a template as a starting point for custom templates with the RadProgressArea?

3 Answers 41 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
jgill
Top achievements
Rank 1
jgill asked on 10 Nov 2008, 07:30 AM
I wanted to know if there is a way to convert an existing instance of the RadProgressArea to a template as a starting point for a custom template.  I would like to use the default skin and customize it not to have the borders/box around the the progress area. 

Is there a way to convert an instance of the control to a template (similar to how Microsoft's Login control can be converted to a template) as a starting point?

3 Answers, 1 is accepted

Sort by
0
Erjan Gavalji
Telerik team
answered on 11 Nov 2008, 10:19 AM
Hi Jonathan,

Yes, it is possible - you can define a ProgressTemplate and customize its appearance. Please, check the Creating a Progress Template article for some more information.

Kind regards,
Erjan Gavalji
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
jgill
Top achievements
Rank 1
answered on 11 Nov 2008, 05:52 PM
Thank you for the information, however I wanted to find out if there is a way to use an existing template as a base.  For example, if I could have a RadProgressArea that uses the Telerik skin/theme and then select convert to a template somewhere.  After that I could add/edit/remove the items I needed to keeping what I like from the existing skin/theme.
0
Erjan Gavalji
Telerik team
answered on 12 Nov 2008, 11:26 AM
Hi Jonathan,

I got the point now.

You could very easily get the default template by performing a View Source in the browser. Anyways, here it is:

<telerik:RadProgressArea ID="TemplatedRadProgressArea" runat="server">
    <ProgressTemplate>
        <ul class="ruProgress">
            <li class="ruFilePortion">
                <div class="ruBar">
                    <div runat="server" id="PrimaryProgressBarInnerDiv"><!-- --></div>
                </div>
                Uploaded <span runat="server" id="PrimaryPercent"></span>% (<span runat="server" id="PrimaryValue"></span> )
                Total  <span runat="server" id="PrimaryTotal"></span></li>
            <li class="ruFileCount">
                <div class="ruBar">
                    <div runat="server" id="SecondaryProgressBarInnerDiv"><!-- --></div>
                </div>
                Uploaded files:  <span runat="server" id="SecondaryPercent"></span>% (<span runat="server" id="SecondaryValue"></span>)
                Total files:  <span runat="server" id="SecondaryTotal"></span>
            </li>
            <li class="ruCurrentFile">
                Uploading file:  <span runat="server" id="CurrentOperation"></span>
            </li>
            <li class="ruTimeSpeed">
                Elapsed time:  <span runat="server" id="TimeElapsed"></span>
                &nbsp;Estimated time:  <span runat="server" id="TimeEstimated"></span>
                &nbsp;Speed:  <span runat="server" id="Speed"></span>
            </li>
        </ul>
    </ProgressTemplate>
</telerik:RadProgressArea>


Let me know if that helps.

Kind regards,
Erjan Gavalji
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Tags
Upload (Obsolete)
Asked by
jgill
Top achievements
Rank 1
Answers by
Erjan Gavalji
Telerik team
jgill
Top achievements
Rank 1
Share this question
or