search

wesnolte / jOrgChart

A jQuery plugin to draw tree-like structures such as OrgCharts.
992 stars 674 forks source link

Redrawing on collapse #18

Open cooperbradley33 opened 12 years ago

cooperbradley33 commented 12 years ago

Hi

I'm not much of a programmer, but it would be very helpfull if the graph were to be redrawn on collapse, in order to make a better use of the available space on the container.

For example, my initial tree is very wide, but if the user collapses a few nodes the diagram should redraw to use less space

Thanks!

lahvey commented 12 years ago

The old version can do this. Now the node div uses style visibility instead of display. As we know visibility would use the space even it's set to hidden while display:none will absolutely take out the space.

lahvey commented 12 years ago

I have solution but can't commit the changes.

group131 commented 12 years ago

Could you write the changes here or are they too extensive? It would be great if display or visibility toggle would be an option...

wesnolte commented 12 years ago

I'll accept a pull request that gives an option to ignores/respects whitespace left by collapsed nodes :) For now here's the version that will collapse into whitespace left by collapsed nodes.

https://github.com/wesnolte/jOrgChart/tree/9763085df24d0507636100e7919d6530391e62c6

couraud commented 11 years ago

I had the same requirement and fixed it in this way:

Changed all occurences of .css('visibility', 'hidden') to .addClass('row-hidden') Also changed .css('visibility', '') to .removeClass('row-hidden')

Added this to the LESS file:

.row-hidden{
    //visibility:hidden;  //the original setting - use this to maintain the layout on open/close
    display:none;         //mine, to make it expand and contract when opening/closing a branch
}