RadUpload inside RadWindow

[Jayzle]

I'm having problems on having radupload inside a radwindow.
Please refer to attached screenshot and below details:

1) I have attachment user control which has a radwindow with radupload as its content
2) This attachment user control is called anywhere so for this scenario, it was used inside another radwindow
3) Issue happens only on IE7 (not on IE8 and higher, Chrome, etc)

Attachment user control (ASCX)

<div style="display: none;">
    <asp:TextBox ID="txtId" runat="server" />
    <asp:TextBox ID="txtSecondaryId" runat="server" />
    <asp:TextBox ID="txtCategory" runat="server"/>
    <asp:TextBox ID="txtSection" runat="server"/>
    <asp:HiddenField ID="hdnIsImageOnly" runat="server" Value="" ClientIDMode="Static" />
</div>
<div id="editDiv" runat="server">
    <div id="divUploadList">

        <asp:GridView ID="grdAttachment" runat="server" AutoGenerateColumns="False" BackColor="White"
            BorderColor="#FFFFFF" BorderStyle="None" BorderWidth="" CellPadding="3" Width="90%"
            DataKeyNames="GlobalId" onrowdatabound="grdAttachment_RowDataBound" ShowHeader="false"
            onrowcommand="grdAttachment_RowCommand" GridLines="None">
            <Columns>
                <asp:TemplateField HeaderText="File Name">
                    <ItemStyle Width="95%" />
                    <ItemTemplate>
                        <asp:LinkButton runat="server" ID="lnkDelete" CommandArgument='<%# Eval("GlobalId") %>' CommandName="RemoveFile" OnClientClick="return confirm('Are you sure you want to remove this attachment?');" ><img style="border:none" src="../Images/eClose.png" /></asp:LinkButton>
                        <asp:LinkButton runat="server" ID="lnkAttachment"><%# Eval("FileName") %></asp:LinkButton>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
        <br />
        <asp:ImageButton runat="server" ID="btnAttach" ImageUrl="~/Images/Buttons/Attachment.gif" OnClick="btnAttach_Click" />

    </div>
    <div id="divUploader">
        <telerik:RadWindow ID="uploadDialog" runat="server" Title="Upload Attachment" Height="400px" style="z-index: 99997;" OffsetElementID="grdAttachment"
            Width="600px" Left="150px" Behaviors="Close,Move,Resize" AutoSize="true" AutoSizeBehaviors="Height" ReloadOnShow="true" ShowContentDuringLoad="false"
            Modal="true" VisibleStatusbar="false" IconUrl="~/Images/GFLogo.png" EnableShadow="true" VisibleOnPageLoad="false">
        <ContentTemplate>
            <span class="notes">maximum upload file size: 10MB</span>
            <br />
            <div style="text-align: center;">
                <telerik:RadUpload ID="uploadAttachment"  MaxFileSize="300000000"
                    runat="server" ClientIDMode="Static"
                    InitialFileInputsCount="1"/>
               <%-- <telerik:RadProgressArea runat="server" id="RadProgressArea1"  OnClientProgressUpdating="checkUploadedFilesSize"  style="position: fixed; top: 50% !important; left: 50% !important; margin: -93px 0 0 -188px;"/>
                <telerik:RadProgressManager runat="server" id="RadProgressManager1" />--%>
                <br />
                <asp:LinkButton runat="server" ID="btnUpload" CssClass="button" OnClick="btnUpload_Click" OnClientClick="return validateAttachment();"><span>Upload</span></asp:LinkButton>
            </div>
        </ContentTemplate>
    </telerik:RadWindow>
    </div>
</div>
<div id="viewDiv" runat="server">
    <asp:Repeater runat="server" ID="repAttachment" OnItemDataBound="repAttachment_ItemDataBound">
        <ItemTemplate>
            <asp:LinkButton CommandArgument='<%# Eval("GlobalId") %>' runat="server" ID="lnkAttachment"><%# Eval("FileName") %></asp:LinkButton><br />
        </ItemTemplate>
    </asp:Repeater>
</div>

Thanks.

Regards,
Jayzle

[Shinu]

Hi,

Try the following CSS.
CSS:

.RadWindow .rwWindowContent div
{
 position: relative;
 }

Thanks,
Shinu

[Jayzle]

Hi Shinu,

It worked...thanks for your help!