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

Thread is closed for posting
4 posts, 0 answers
  1. jgill
    jgill avatar
    116 posts
    Member since:
    Jul 2005

    Posted 10 Nov 2008 Link to this post

    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?
  2. Erjan Gavalji
    Admin
    Erjan Gavalji avatar
    1455 posts

    Posted 11 Nov 2008 Link to this post

    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.
  3. jgill
    jgill avatar
    116 posts
    Member since:
    Jul 2005

    Posted 11 Nov 2008 Link to this post

    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.
  4. Erjan Gavalji
    Admin
    Erjan Gavalji avatar
    1455 posts

    Posted 12 Nov 2008 Link to this post

    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.
Back to Top