This is a migrated thread and some comments may be shown as answers.

[Solved] RadWindow as Modal 'Notice'

2 Answers 166 Views

Window

This is a migrated thread and some comments may be shown as answers.

Baatezu asked on 30 May 2008, 09:29 PM

I'm using a modal radWindow to display a message while the server does a postback to upload a file. It's not working exactly like I want. :)

In IE - It seems to work fine. It took some tweaking, but it opens, loads the simple HTML and has the loadingbar gif moving. The skin shows up and everything goes good.
In FF - The skin doesn't completely load, most notable is the titlebar. The HTML doesn't load either, so my message to the user isn't showing.

If I put an alert in before I do the ajax disable to upload a file, then FF works fine and in IE the gif doesn't'move', but works fine otherwise.

The relevant (as far as I know, but I've been surprised before) is

    
            function FileAjax(sender, args) 
        
            { 
        
                var oWnd = window.radopen("http://www.smibackoffice.com/FileUpload.html", "Uploading File"); 
        
                oWnd.set_modal(true);    
        
                oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.None); 
        
                oWnd.set_height(100); 
        
                oWnd.set_status(false); 
        
                oWnd.set_title("Processing your request... Please wait..."); 
        
                conditionalPostback(sender, args); 
        
            } 
        
            //Disables AJAX to upload files 
        
            function conditionalPostback(sender, args) 
        
            {         
        
                args.EnableAjax = false; 
        
            }

and

    
            <telerik:RadAjaxPanel ID="ajaxCommission_Reimbursement_01" runat="server" ClientEvents-OnRequestStart="FileAjax" style="display:inline"> 
        
                <input id="fileCommission_Reimbursement_01" type="file" runat="server" /> 
        
                <asp:Button ID="cmdCommission_Reimbursement_01" runat="server" Text="Upload" CssClass="button"  
        
                    CausesValidation="False" onclick="cmdCommission_Reimbursement_01_Click" /> 
        
            </telerik:RadAjaxPanel> 
        
            <telerik:RadWindowManager ID="RadWindowManager1" runat="server"  
        
                Behaviors="Resize, Close, Move" Height="500px" RestrictionZoneID="rdlMain"  
        
                ShowContentDuringLoad="True" Skin="WebBlue"   
        
                Width="600px" VisibleStatusbar="False"> 
        
            </telerik:RadWindowManager>

The HTML I am trying to display is

    
            <table width="100%"> 
        
                <tr> 
        
                    <td align="center"> 
        
                        Please wait while the file is uploaded.<br> 
        
                        This can take some a while for large files. Please be patient. 
        
                    </td> 
        
                </tr> 
        
                <tr> 
        
                    <td align="center"> 
        
                        <img src="LoadingProgressBar.gif"> 
        
                    </td> 
        
                    </tr> 
        
                <tr> 
        
            <table>

with the progressbar being the Telerik one of the same name.

I'm pretty lost on what to try to get it to display properly in FF without forcing the user to click an extra button (not really acceptable for my app). Any suggestions or pointers would be great. I haven't sat down and worked with a simple project yet, time crunch. :)

Tips, pointers, advice, calling me crazy - all appreciated. If there is a better control to use to pop up a modal item that can display some custom (doesn't need to be separate page) HTML - I'd love to hear that suggestion too. Looking over the rad controls and other controls I have the RadWindow looked like the best option; I am completely open to the possibility I missed the settings that would make something else more better faster.

Many thanks

[Solved] RadWindow as Modal 'Notice'

2 Answers, 1 is accepted