How can I change the tooltip (for i18n) for the red remove icon and the green uploaded successfully icon ?

Last post 08-18-2010, 10:33 AM by Eric. 1 replies.
Sort Posts: Previous Next
  •  08-18-2010, 9:17 AM 63480

    How can I change the tooltip (for i18n) for the red remove icon and the green uploaded successfully icon ?

    Hello,
     
    I need to change the tooltips for the remove red icon and updated sucessfully green icon. Can this be done through the API ? If not how then ?
     
    Thanks,
     
    Gabi
  •  08-18-2010, 10:33 AM 63486 in reply to 63480

    Re: How can I change the tooltip (for i18n) for the red remove icon and the green uploaded successfully icon ?

    You can create one customization queue table, the following is one runnable example, you can cusotmize based on this example:
    <%@ Page Language="C#" Title="Customize the queue UI" %>
    <%@ Register TagPrefix="CuteWebUI" Namespace="CuteWebUI" Assembly="CuteWebUI.AjaxUploader" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
    </head>
    <body>
        <form id="Form1" runat="server">
            <div>
                <asp:LinkButton runat="server" ID="BrowseButton" Text="Select Files To Upload" />
            </div>

            <div id="queuediv" style="display: none;">
                <div id="queuedivtablecontainer">
                </div>
                <div style="font-size: larger; padding-left: 100px; margin: 4px;">
                    <a href="#" onclick="cancelalltasks();return false;">Cancel all tasks.</a>
                </div>
            </div>
            <div>
                <CuteWebUI:UploadAttachments runat="server" ID="UploadAttachments1" InsertButtonID="BrowseButton">
                </CuteWebUI:UploadAttachments>
            </div>
        </form>
    </body>
    <script>
        var uploader = document.getElementById("<%=UploadAttachments1.ClientID %>");
        uploader.handlequeueui = myqueueuihandler;
        function myqueueuihandler(list) {
            if (list.length < 2) {
                document.getElementById("queuediv").style.display = "none";
            }
            else {
                document.getElementById("queuediv").style.display = "";
                var container = document.getElementById("queuedivtablecontainer");
                container.innerHTML = "";
                var table = document.createElement("table");
                table.style.borderCollapse = "collapse";
                table.cellSpacing = 0;
                table.cellPadding = 4;
                table.border = 1;
                table.borderColor = "darkgreen";
                for (var i = 0; i < list.length; i++) {
                    var name = list[i].FileName
                    var size = list[i].FileSize // (or -1)
                    var stat = list[i].Status // Finish|Error|Upload|Queue
                    var func = list[i].Cancel;
                    var row = table.insertRow(-1);
                    row.insertCell(-1).innerHTML = name;
                    var last = row.insertCell(-1);
                    if (stat == "Queue") {
                        var btn = document.createElement("A");
                        btn.href = "BLOCKED SCRIPTvoid(0)";
                        btn.onclick = func;
                        btn.innerHTML = "Cancel";
                        last.appendChild(btn);
                    }
                    else {
                        last.innerHTML = stat;
                    }
                }
                container.appendChild(table);
            }

            return false; //hide the default;
        }

        function cancelalltasks() {
            uploader.cancelall();
        }

    </script>

    </html>

    Regards,
    Eric
View as RSS news feed in XML