Layout undocked window resize ( maintain size ) and position

hi,

I have a layout in 3L configuration.
the lower right layout can be docked and undocked.
Its content is dynamically populated when the tree items in the left layout is clicked.

What I want to do is.
I should be able to resize ( make it smaller) the lower right layout in undocked mode and also reposition it to left.
Maintain the new size and position of the undocked layout as I continue to click the tree and dynamically populate the layout.

Problem:
on every new event to populate the layout. The size returns to default size and it jumps back to its original position. How can I prevent it happening?

to summarize my questions:

  1. how to resize a window and maintain the new size as long as the window is open – while populating the contents dynamically.
  2. how to maintain the position of the window without poping back to its default position while populating the contents dyanmically.

Hello,

actualy w/o using additional code window should keep its dimension and position when you dock/undock it several times.

to get window from script you can use dhxLayout.dhxWins.window(“a”)
(window id = layout cell id, i.e. “a”, “b”, “c”…)

If problem still exist please provide direct link or demo. Or send it to support(at)dhtmlx.com

Hi,

please visit this link
203.230.49.187/cidms_dev/Pathway … Name=CIDMS

on the lower right corner there is a layout which can be undocked. The content is populated dynamically by clicking on the green boxes in the diagrams.

now undock and resize to decrease the width and move the window to the left so that to view the diagram clearly.
Click another green box on the diagram. The window pop back to its original size.

I want to prevent that happening.

Thank you

Sorry, your link can not be opened :frowning:

Hi Andrei,

I dont know the reason as it works.
Please use chrome / safari / FF
With IE you need Adobe SVG Viewer installed.

This is a direct link:
203.230.49.187/cidms_dev/Pathway … Name=CIDMS
or
This is to home page : ipavs.cidms.org -> click on the ipavs tool on the menu.

Please follow steps as previous message to reproduce the problem.

Details (lower right layout) can be viewed
either clicking on boxes on the diagram or on the tree right click on the >level 1 folder nodes and select details.

Thank you,
–Pradeep

Hello,

check your common.js, line 37

layout.attachEvent(“onUnDock”, function() {
detailsWindow = layout.dhxWins.window(cell);
detailsWindow.setText(“Details Tab”);
detailsWindow.setDimension(800, 600);
detailsWindow.center();
undockFlag = true;
parent.layout.cells(cell).expand();
});