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

Modal window does not cover up all of the underlying window - in Q1 2010 0309

11 Answers 125 Views

Window

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

Tim asked on 16 Mar 2010, 07:38 PM

telerik-q1-2010-0309.png

A picture is worth a thousand words. Dropping in the latest Q1 2010 release, I notice that my RadWindow-s which contain RadFrameContainers and use the NavigationService to flip between "Wizard pages" (derived from RadPage) no longer block the entirety of the underlying page.

1. The opaque pane ...
2. ...does not extend to cover the underlying page
3. which results in the underlying RadGridView receiving mouse events and being operational

Note also the "clue" that the "CenterOwner" option actually puts the window up and to the left of where it should be, and appears to be uniformly centered in the darker blue area.

I can't reproduce this (yet) in a smaller application. I am wondering if there are any ideas what may have changed?

Thanks,
Tim

11 Answers, 1 is accepted

answered on 18 Mar 2010, 05:27 PM

Hello Tim,

Without sample project we can only guess but if you could share more details about your case we could try to reproduce it:

Is RadWindow defined in xaml?
Is RadFrameContainer the root of RadWindow?
Which navigation service do you use - our or Microsoft? (probably our navigation service but just to be sure)
Which is your Silverlight version?
Is your browser zoomed?

Waiting for your feedback.

Greetings,
Hristo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

answered on 18 Mar 2010, 05:37 PM

Hi Hristo,

I have not reproduced it a smaller example, including the one I have sent you several times now in support tickets.

Is RadWindow defined in xaml?
Yes:

            <TelerikNavigation:RadWindow x:Name="wizard" Background="White" Header="Untitled" Closed="Wizard_Closed">
                <Telerik:RadFrameContainer x:Name="WorkflowContainer" Margin="-10">
                </Telerik:RadFrameContainer>
            </TelerikNavigation:RadWindow>
Is RadFrameContainer the root of RadWindow?
See above
Which navigation service do you use - our or Microsoft? (probably our navigation service but just to be sure)
Yours
Which is your Silverlight version?
SL 3
Is your browser zoomed?
Not that I know of - Firefox 3.6. Note that I tried IE 8 and it worked, and Firefox 3.6 from a different computer also works. Something has changed though because if I switch back to Q3 2009 it works as it did before. Going full-screen on the 'broken' browser gets the size right. Hmmm.

I posted this here in hopes of narrowing down the triage process on my side.

Tim

answered on 19 Mar 2010, 02:15 PM

Hello Tim,

Thank you for the information you provided! I logged the issue and we will try to reproduce it in our environment and fix it.

What we did was to make the modal background as big as needed. Previously the modal background was 10000x10000 pixels that wasn't a good thing. We decided to change this, because you might need to set the modal background to be an ImageBrush or some gradient brush and if the size is not the size of the browser this doesn't look good.

Kind regards,
Miroslav Nedyalkov
the Telerik team

answered on 30 Mar 2010, 08:03 AM

OK I have discovered what was causing that strange issue: the html of the page that hosts my app was missing some key dhtml width/height settings.

Here's how my correct version looks now:

    
            <!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" style="height:100%;">  
        
                <style type="text/css">  
        
                html, body {  
        
                    height: 100%;  
        
                    overflow: auto;  
        
                }  
        
                body {  
        
                    padding: 0;  
        
                    margin: 0;  
        
                }  
        
                #silverlightControlHost {  
        
                    height: 100%;  
        
                    text-align:center;  
        
                }  
        
                </style> 
        
            <head runat="server">  
        
                <title>MyApp</title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server" style="height:100%">  
        
                <div id="silverlightControlHost">  
        
                    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">  
        
                      <param name="source" value="/ClientBin/MyApp.App.xap"/>  
        
                      <param name="onError" value="onSilverlightError" /> 
        
                      <param name="EnableGPUAcceleration" value="true" /> 
        
                      <param name="MaxFrameRate" value="25" /> 
        
                      <param name="minRuntimeVersion" value="3.0.40624.0" /> 
        
                      <param name="autoUpgrade" value="true" /> 
        
                      <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">  
        
                          <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style:none"/>  
        
                      </a> 
        
                    </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>  
        
                </form> 
        
            </body> 
        
            </html>

Regards,
James.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Modal window does not cover up all of the underlying window - in Q1 2010 0309

11 Answers, 1 is accepted