Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Vibhav Agrawal on Jan 08, 2010 08:39
open dhtmlx forum
undocking layout

Hi,

I am facing following issues with undocking of layout:

1. Inside a javascript, I want to undock a layout cell & make it expand by default so that it occupies the full space for the undocked window. I tried using the following code but it did't work giving dhxWins as null.
activeLayout.cells("b").undock();
activeLayout.dhxWins.window(selectedTabId).maximize();

Also, I cannot use setSizes() API on the layout cell as i cannot hard code the size bcoz window size depends on the screen resolution of the user.

2. Also, when i have a jsp in the layout cell, and i undock the cell, it does not displays the contents of the jsp properly in the docked window. Also, when i dock the cell back, i have to resize the layout to fire the refresh event and then only the jsp in cell become visible.

3. If i have a jsp having a dhx UI components (table, table with pagination toolbar, tabbar etc), and i undock the cell, it messes up the docked view and everything gets collapsed in just the space of the toolbar. Also, docking it back gives the messed view.

Could you please provide a solution to the above prooblems?

Thanks ,
Vibhav Agrawal

Note: If not reproducible at your end, i can provide the screenshots, as Ask question window does not support the attachments.
Answer posted by Alex (support) on Jan 11, 2010 09:28

Hello,

>>  I tried using the following code but it did't work giving dhxWins as null

Try to use "b" as window id to solve the issue:

activeLayout.cells("b").undock(); 

activeLayout.dhxWins.window("b").maximize();

>> Also, when i have a jsp in the layout cell, and i undock the cell, it does not displays the contents of the jsp properly in the docked window

>>  If i have a jsp having a dhx UI components (table, table with pagination toolbar, tabbar etc), and i undock the cell, it messes up the docked view and everything gets collapsed in just the space of the toolbar.

please provide the sample to recreate the issue (please replace the jsp with corresponding html). The sample can be also sent to support@dhtmlx.com 


Answer posted by Vibhav Agrawal on Jan 18, 2010 05:36

Hi,

Please find attached the sample zip file.

You can extract the contents of the zip such that all the three files are in a folder 'sample' inside dhtmlxSuite (sample is parallel to the dhtmlxComponent folders).

Please let me know incase this issue is not reproducible at your end.

 

Thanks,

Vibhav Agrawal

 

Attachments (1)
sample.zip2.88 Kb
Answer posted by Alex (support) on Jan 18, 2010 08:14

Hello

the issue is confirmed and fixed. Try to use attached dhtmlxcontainer.js.

Attachments (1)
Answer posted by Vibhav Agrawal on Jan 19, 2010 01:45

Hi Alex,

Thanks for your quick reply. The fix provided by you is working fine for displaying the content in the undocked window.

But, i am facing one more issue now. Once i dock the window back, the contents are not displayed unless resize is called on that layout cell.

You can reproduce this issue with the same sample file provided. You just need to dock the panel back. The docked panel contents will not be displayed unless you resize the layout cell.

 

Thanks,

Vibhav Agrawal

Answer posted by Alex (support) on Jan 19, 2010 02:20

Hello

the problem wasn't reproduced locally - please check attached sample 

Attachments (1)
sample.zip104.35 Kb
Answer posted by Vibhav Agrawal on Jan 19, 2010 02:53

Hi Alex,

I can reproduce this in the attached file as well. Attaching you the images.

  1. first image shows the screen on loading the page. - Working fine
  2. second image shows the screen when its undocked - Working fine
  3. Third Image shows the screen when its docked back - Not displaying the table in frame b
  4. fourth image shows the screen when i explicitly resize the layout cell. - Dispalys the table back into frame b.

For better results, please use the old sample set sent by me and place it inside dhtmlxSuite folder, parallel to various components, as you had not included the toolbar specific css/js/xml files in the attached zip file.

Thanks,

Vibhav Agrawal

Note: I am able to reproduce this on IE 7.

Attachments (1)
Images.zip196.52 Kb
Answer posted by Alex (support) on Jan 19, 2010 09:26
The issue was reproduced. We'll send the fix when its ready
Answer posted by Alex (support) on Jan 20, 2010 07:40

Please try to use the following approach to solve the

layout.attachEvent("onDock",function(){

    layout.setSizes()

})

Answer posted by Vibhav Agrawal on Jan 20, 2010 08:26

Thanks Alex.

The temporary fix provided above is working fine.

 

Regards,

Vibhav Agrawal