Support forums - Changing Z-Index of Floating Div

Changing Z-Index of Floating Div

Last post 08-19-2009, 1:39 PM by AllanLin. 4 replies.


	Sort Posts: Previous Next

Reply Quote

Hey, I'm having a problem with the z-index of the upload flash div over the button being too high. Is there a way to change the z-index.

It's currently set at 12345672

Thanks

Allan Lin

Filed under: zIndex

Reply Quote

Hi,

We will provide a solution to adjust the z-index of the uploader floating button.

Regards,

Terry

Reply Quote

Please Notify me when a Solution presents itself.

You should be able to add a public attribute to set that value.

Reply Quote

Hi,

Please check this sample:

<%@ Page Language="C#" Title="First sample" %>
<%@ Import Namespace="CuteWebUI" %>
<%@ 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">
<script runat="server">
void InsertMsg(string msg)
{
ListBoxEvents.Items.Insert(0, msg);
ListBoxEvents.SelectedIndex = 0;
}
protected void UploadAttachments1_AttachmentAdded(object sender, AttachmentItemEventArgs args)
{
InsertMsg("Added.." + args.Item.FileName);
}
protected void UploadAttachments1_FileValidating(object sender, UploaderEventArgs args)
{
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
</head>
<body>
<form id="Form1" runat="server">
<div style="position: absolute; z-index: 400; background-color: Black; width: 400px;
height: 400px;">
</div>
Hello
<br />
<CuteWebUI:UploadAttachments runat="server" ID="UploadAttachments1" OnAttachmentAdded="UploadAttachments1_AttachmentAdded"
OnFileValidating="UploadAttachments1_FileValidating">
</CuteWebUI:UploadAttachments>
<br />
<div>
Server Trace:
<br />
<asp:ListBox runat="server" ID="ListBoxEvents" Width="800"></asp:ListBox>
</div>
</form>
<script type="text/javascript">
function CuteWebUI_AjaxUploader_OnMantleButton(btn,div)
{
div.style.backgroundColor="red";
div.style.filter="";
div.style.zIndex=300;
}
</script>
</body>
</html>

Regards,

Terry

Reply Quote

Thanks for a prompt response.