Support forums » Products » Ajax Uploader » Re: Positioning the ProgressText

Positioning the ProgressText

Last post 07-31-2012, 9:15 AM by Kenneth. 2 replies.
Sort Posts: Previous Next

  •  07-30-2012, 9:04 AM 74308

    Positioning the ProgressText

    Reply Quote
    I'm trying to position the ProgressText so that I have something like
     
    Uploading 17kb/2mb [ProgressBar here]
     
    As opposed the ProgressText always being underneath the progressbar.
     
    So far I've tried;
     
     
    <CuteWebUI:Uploader   ID="FileUploader1" ProgressTextTemplate="Uploaded %SEND%/%SIZE%" MaxFilesLimit="1" runat="server"  TempDirectory="~/UploaderTemp"    
    ProgressCtrlID="Panel1" ProgressTextID="Label1">                   
                           </CuteWebUI:Uploader  >  
                           <div style="clear:both;" ></div>  
                           < ID="Label1" runat="server" BorderWidth="5" BorderColor="Chocolate"></asp:Label>  
                           <asp:Panel ID="Panel1" BorderColor="Aqua" BorderWidth="5" runat="server"></asp:Panel>
     
    Any thoughts? 

  •  07-31-2012, 3:10 AM 74314 in reply to 74308

    Re: Positioning the ProgressText

    Reply Quote
    What I am currently trying....
     
     <asp:label id="lblPgrBrText" runat="server"></asp:label>
                        <p id="Uploader1Progress">
                        <CuteWebUI:Uploader id="Uploader" TempDirectory="~/UploaderTemp" runat="server" ProgressCtrlID='Uploader1Progress'
                                CancelButtonID="btnCancelDoc" InsertButtonID="insertBtn"
                                ProgressTextID="lblPgrBrText" ProgressTextTemplate="Uploaded %SEND%/%SIZE%">
                        </CuteWebUI:Uploader >
                         </p>
     
    But the progress text still remains under the progress bar.
     
    Please help.

  •  07-31-2012, 9:15 AM 74321 in reply to 74314

    Re: Positioning the ProgressText

    Reply Quote
    Hi Killianmcc,
     
    Please try the example below. I use a new div traget to replace the progress text, then you can place the div traget to any place you need.
     
    1. <%@ Page Language="C#" %>  
    2.   
    3. <%@ Register Namespace="CuteWebUI" TagPrefix="CuteWebUI" Assembly="CuteWebUI.AjaxUploader" %>  
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    5. <html xmlns="http://www.w3.org/1999/xhtml">  
    6. <head id="Head1" runat="server">  
    7.     <title>example</title>  
    8.     <style>  
    9.     .AjaxUploaderProgressInfoText  
    10.     {  
    11.         /*hide the default progress text*/  
    12.         display:none;  
    13.     }  
    14.     </style>  
    15. </head>  
    16. <body>  
    17.     <form id="form1" runat="server">  
    18.         <div id="div1">  
    19.         </div>  
    20.         <CuteWebUI:UploadAttachments ID="uploader1" runat="server">  
    21.         </CuteWebUI:UploadAttachments>  
    22.         <asp:Label ID="label1" runat="server" style="visibility:hidden"></asp:Label>  
    23.     </form>  
    24. </body>  
    25. </html>  
    26.   
    27. <script>  
    28. function CuteWebUI_AjaxUploader_OnProgress(enable,filename,begintime,uploadedsize,totalsize)  
    29. {  
    30.    for(var i=0;i<document.getElementsByTagName("TD").length;i++)  
    31.    {  
    32.         if(document.getElementsByTagName("TD")[i].className=="AjaxUploaderProgressInfoText")  
    33.         {  
    34.             //set the progress text for the new control div1  
    35.             document.getElementById("div1").innerHTML=document.getElementsByTagName("TD")[i].innerHTML;  
    36.         }  
    37.     
    38.    }  
    39. }  
    40. </script>  
    Regards,
     
    Ken 
     
     
View as RSS news feed in XML