Re: Uploader with ModalPopup

  •  11-24-2009, 8:56 AM

    Re: Uploader with ModalPopup

    Sorry, its ajax modal popup. 
    Here is what I am doing.
    <%@ Register Assembly="CuteWebUI.AjaxUploader" Namespace="CuteWebUI" TagPrefix="cutewebui" %>
     <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajaxToolkit" %>


                <asp:LinkButton ID="btnChangeImage" runat="server" Font-Bold="False"
                    Font-Names="Verdana" Font-Size="Smaller" Font-Underline="True" ForeColor="#003366">Change Photo</asp:LinkButton>

     <asp:Panel ID="pnlImageUpload" style="position:absolute; width:300px;height:140px; top:-1000px; left:-1000px" runat="server" CssClass="modalPopup" BackColor="White">
                                           
                            <div style="text-align:center;">
                            <table>
     <tr>
            <td align="center">
               <asp:Image ID="imgPhoto" runat="server" Height="80" Width="80" BorderColor="Black"
        BorderWidth="1" Visible="true" />
             </td>
        </tr>
        <tr>
            <td align="center">
                <asp:LinkButton ID="btnUploadInvoker" runat="server" Font-Bold="False"
                    Font-Names="Verdana" Font-Size="Smaller" Font-Underline="True" ForeColor="#003366">Change Photo</asp:LinkButton>
                    &nbsp;<asp:LinkButton ID="btnClose" runat="server" Font-Bold="False"
                    Font-Names="Verdana" Font-Size="Smaller" Font-Underline="True" ForeColor="#003366">Close</asp:LinkButton>

            </td>
        </tr>
        <tr>
            <td align="center">
                <asp:LinkButton ID="btnCancelUpload" runat="server" Font-Bold="False" Font-Names="Verdana"
                    Font-Size="Smaller" Font-Underline="True" ForeColor="#003366">Cancel</asp:LinkButton>
            </td>
        </tr>
        <tr>
            <td align="center">
            <cutewebui:Uploader runat="server" ID="uploaderMain" InsertButtonID='btnUploadInvoker' CancelButtonID='btnCancelUpload'
        OnFileUploaded="Uploader_FileUploaded" ProgressBarHeight="10" ProgressPanelWidth="100"
        TempDirectory="~/TempImages" ShowProgressInfo="False" AutoUseSystemTempFolder="False"
        OnUploadCompleted="uploaderMain_UploadCompleted" UploadType="Silverlight">
        <ValidateOption MaxSizeKB="10240" AllowedFileExtensions="jpg,gif,png" />
    </cutewebui:Uploader>
                      </td>
        </tr>
    </table>        
                                
                            </div>
                            
    <asp:HiddenField ID="hiddenPhotoNo" runat="server" />
    <asp:HiddenField ID="hiddenIsDirty" runat="server" />

            </asp:Panel>
            <ajaxtoolkit:ModalPopupExtender ID="uploadModal" runat="server" PopupControlID="pnlImageUpload"
                BackgroundCssClass="modalBackground" TargetControlID="btnChangeImage" CancelControlID="btnClose">
            </ajaxtoolkit:ModalPopupExtender> 
     
     Thanks,
    Rushi 
     
     
     
View Complete Thread