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

[jgill]

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?

[Erjan Gavalji]

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.

[jgill]

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.

[Erjan Gavalji]

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.