Customizing the Progress Bar

Last post 04-20-2011, 8:06 AM by Eric. 3 replies.
Sort Posts: Previous Next
  •  04-18-2011, 9:11 PM 67229

    Customizing the Progress Bar

    Hi, I'm new to the component. I manage to get it to work the way I wanted, and now I'm looking towards customizing the UI, particularly the progress bar.
     
    Anyone has any idea if I can change the color of the green bar to something else. Any help is deeply appreciated. Thank you.
  •  04-18-2011, 11:11 PM 67232 in reply to 67229

    Re: Customizing the Progress Bar

    Hi chrisluo,
     
    Please refer to http://cutesoft.net/forums/thread/52482.aspx
     
    Regards,
     
    ken
  •  04-20-2011, 2:34 AM 67258 in reply to 67232

    Re: Customizing the Progress Bar

    Thanks for the link.
     
    Another question, do you happen to know how, if I can customize the "cancel all upload" button. Thanks in advance.
  •  04-20-2011, 8:06 AM 67262 in reply to 67258

    Re: Customizing the Progress Bar

    Dear chrisluo,
     
    Please refer to the following snippet:
     
    <%@ Page Language="C#" %>
    <%@ Register TagPrefix="CuteWebUI" Namespace="CuteWebUI" Assembly="CuteWebUI.AjaxUploader" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Sample</title>
        <style>
            .AjaxUploaderCancelAllButton
            {
                display: none !important;
            }
        </style>

        <script type="text/javascript">
            function CuteWebUI_AjaxUploader_OnQueueUI(list) {
                var mycancelall = document.getElementById("mycancelall"); if (list.length < 2) {
                    mycancelall.style.display = "none"; return;
                }
                mycancelall.style.display = "";
            }
            function DoCancelAll() {
                var uploader = document.getElementById('<%=UploadAttachments1.ClientID %>');
                uploader.cancelall();
            }  
        </script>

    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <CuteWebUI:UploadAttachments runat="server" ID="UploadAttachments1" />
            <hr />
            <asp:Button runat="server" ID="BtnSubmit" Text="MySubmit" />
            <button id="mycancelall" onclick="DoCancelAll();return false;" style="display: none">
                Cancel All Uploads</button>
        </div>
        </form>
    </body>
    </html>

    Thank you for asking
View as RSS news feed in XML