Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Shane
945
Few questions on WebDialogWindow.........
posted

Hello,

I've attached a sample project (deleted licence files). I need to know how to do the following.

1. In the right hand side of the WebSplitter, I have 4 WebDialogWindows in cascade. How do i make it so that what ever one I pick gets focus and is brought to the front of the other Dialog Windows? Currently they all stay behind each other except for the last one I added to the project.

2. The WebDialogWindow doesn't appear to respect the bounds of the splitter border. When you maximize any of them, although it stays in the right side of the splitter, it appears to maximize to the entire browser window. How do I stop that? I want it to maximize to the border of the right side splitter pane I can't set a max height/width of the dialog box because I never know what size monitor and resolution my users will be using.

3. Wile playing with the WebDialogWIndow properties, i set UseBodyAsParent="True" just to see what it does. If I move a dialog window from the right side of the splitter bar over the 3rd WebTab on the left hand side of the WebSplitter which has scrolling set (Overall, Chicalgo, Manila, Tampa). The scrolling icons of the WebTab appear to bleed through over the Dialog Window yet the rest of the WebTab is behind like i'd expect. The dialog window should have focus over all other controls behind it  How do i fix that?

4. When i have <ig:SplitterPane runat="server" EnableRelativeLayout="True">  I get wierd results with the WebDialogWindow. If i hover over the WebDialogWindow and Click+Hold my mouse to move the dialog window, it jumps about 300-400 pixels to the left. Then, when i click on the dialogbox to try and move it again (from the position it jumped to), it jumps off the screen. Yet, if i click+hold the dialogbox and keep the mouse button down when it jumps and move my mouse, it still moves the dialog box even though my mouse isn't hovering over it. This appears to be a bug.... or is it a feature that I can turn on/off?

Thank you,
Shane

iWeb.zip
Parents
  • 49378
    posted

    Hi Shane,

    Regarding your first question, I have modified your sample to implement the overlapping on click for the WebDialogWindow's in the right splitter pane. The main WDW's div element's onclick is being handled and the zIndex is incremented and subsequently set on each click.

    Setting the zIndex of the WDWs to a value greater than 20000 also resolves the matter of the overlapping WebTab scrollers (which by defautl have a zIndex of 20k). Below is the relevant javascript used:

    Code Snippet
    1.     <script type="text/javascript" id="igClientScript2">
    2. <!--
    3.         //initialize the zIndex counter to 20001 as the
    4.         //scrolling buttons of WebTab use a zIndex of 20000
    5.         var zIndex = 20001;
    6.  
    7.         //upon initializing each WDW, set its zIndex so it is greater
    8.         //than 20k, and attach an onclick handler to take care of overlapping
    9.         function WebDialogWindow_Initialize(sender, eventArgs) {
    10.             var windowId = sender.get_id();
    11.             sender.get_element().style.zIndex = zIndex;
    12.             debugger;
    13.             sender.get_element().onclick = function () { putOnTop(windowId) };
    14.         }
    15.  
    16.         function putOnTop(windowId) {
    17.             var sender = $find(windowId);
    18.             zIndex = zIndex + 1;
    19.             sender.get_element().style.zIndex = zIndex;
    20.  
    21.         }
    22.  
    24. </script>

    The default maxmimize behavior of WDW expands the control until it uses all of the available screen within its parent page (i.e that is why it does not respect the pane's size):

    http://help.infragistics.com/NetAdvantage/ASPNET/2011.2/CLR4.0/?page=WebDialogWindow_Show_the_Minimize_and_Maximize_Buttons.html

    You can, add a custom maximize element in the header and create a custom maximizing which extends the control to the parent container. Instructions on customizing WebDialogWindow's header can be found at:

    http://blogs.infragistics.com/blogs/engineering/archive/2010/08/10/how-to-add-dynamic-custom-content-to-header-of-webdialogwindow.aspx

    As for your issue with RelativeLayout, I am so far unable to replicate this issue using IE8, IE9, Firefox 11 and Chrome. Please let me know if the matter is browser specific. Any material you can provide me with, which illustrates the matter would help to isolate the cause of the behavior.

    Hope this helps.

    iWeb.zip
Reply Children