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
Hi Petar,
Thank you for the reply, i will update my project based on your suggestions.
As for the last one, I tried it again here at work and I'm still getting the same thing. I tested out different scenarios on my Workstation PC (Windows XP w/ IE8 and Firefox 11) where as the original post was created on my Laptop (Windows XP w/ IE8 and Firefox 11) and here is what i get:
1. i make a simple web project and add WebScriptManager, WebSplitter and a WebDialogWindow in the second SplitterPane and set CollapsedDirection="PreviousPage" on the first splitter pane, EnabledRelativeLayout="True" on the second splitter pane and run the application, on trying to drag the dialog box, it jumps to the left about 20 pixels at a time.
2. If i change the size of both SplitterPanes (initially no size was defined), one to 30% and the other to 70% and then run the application, the WebDialogWindow jumps to the left about 100 pixels when trying to drag it.
3. Now, if i collapse the splitter bar so that only the 70% SplitterPane is shown and then click on the header to drag it, it jumps off the screen.
Here is the simplest code i could create that reproduced the issue.
<div> <ig:WebScriptManager ID="WebScriptManager1" runat="server"> </ig:WebScriptManager> <ig:WebSplitter ID="WebSplitter1" runat="server" Height="500px" Width="100%" StyleSetName="IG"> <Panes> <ig:SplitterPane runat="server" CollapsedDirection="PreviousPane" Locked="true" Size="30%"> </ig:SplitterPane> <ig:SplitterPane runat="server" EnableRelativeLayout="true" Locked="true" Size="70%"> <Template> <div> <ig:WebDialogWindow ID="WebDialogWindow1" runat="server" Height="300px" Width="400px" StyleSetName="IG"> <Header> </Header> <ContentPane> </ContentPane> </ig:WebDialogWindow> </div> </Template> </ig:SplitterPane> </Panes> </ig:WebSplitter> </div> </form>
4. If I change EnabledRelativeLayout="false", the problem goes away although now the WebDialogWindow doesn't stay with in the WebSplitter.
Additionally, I tried with "Default", "IG", and "Office2007Silver" Styles to see if it may be a CSS issue and all 3 acted the same.
Another update: If i change the size to the second SplitterPane from 70% to 100%, it still jumps when trying to drag but now it jumps to the right instead of jumping to the left in all scenarios except for the last one where the Splitter bar is collapsed, it still jumps to the left .
Thanks!Shane
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:
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.