Hi AGregory,
The uploader control has 4 upload modes, html5,silverlight,flash,iframe. The hover css style setting only work under html5 and iframe mode.
Please try the example below, if load as html5 or iframe mode, the button will apply the .UploadButton:hover style setting. If load as silverlight or flash mode, then it will apply the setting in API "CuteWebUI_AjaxUploader_OnMantleButton"
- <%@ 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">
- <style>
- .UploadButton:hover
- {
- color: Red;
- }
- </style>
- </head>
- <body>
- <form id="Form1" runat="server">
- <div>
- <CuteWebUI:UploadAttachments runat="server" ID="uploader1" InsertButtonID="myUpload">
- </CuteWebUI:UploadAttachments>
- <input type="button" id="myUpload" value="upload a file" class="UploadButton" />
- </div>
- </form>
- </body>
- </html>
- <script type="text/javascript">
- function CuteWebUI_AjaxUploader_OnMantleButton(btn, div) {
-
- div.onmouseover = function () {
- btn.style.color = "blue";
- }
- }
-
- </script>
Regards,
Ken