Hi mchamo,
The example below shows you how to use AjaxUploader with Jquery modal dialog.
About the blockUI control issue. I still can not reproduce it. Can you show me the whole example which can reproduce this issue? So I can check it for you.
<%@ Page Language="vb" %>
<%@ Register Assembly="CuteWebUI.AjaxUploader" Namespace="CuteWebUI" TagPrefix="cc1" %>
<!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></title>
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"
type="text/javascript"></script>
<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"
type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script language="javascript" type="text/javascript">
function CuteWebUI_AjaxUploader_OnInitialize() {
$(function () {
$("#dialog").dialog({
height: 450,
width: 850,
modal: true,
autoOpen: true
});
});
}
function CuteWebUI_AjaxUploader_OnMantleButton(btn,div)
{
div.style.zIndex=999999;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<%--div1 for firefox, can not be deleted--%>
<div style="visibility: hidden" id="div1">
nothing
</div>
<div>
<div id="dialog" title="Dialog">
<div>
</div>
<div style="width: 500px;">
<div id="divAddFiles">
<asp:Button runat="server" ID="btnAddFiles" Text="Select files" />
</div>
<div id="divCancelUpload" style="margin-top: 4px;">
<asp:Button runat="server" ID="btnCancelUpload" Text="Cancel" />
</div>
</div>
</div>
<cc1:Uploader runat='server' ID='uploader1' InsertButtonID='btnAddFiles' />
</div>
</form>
</body>
</html>
Regards,
ken