4. Synchronizing more Gantts
Synchronizing zoom, widths and scroll position among more Gantt charts
- See documentation for Synchronize sections widths among more grids
-
Set <Cfg>
Sync
attribute, add here flags "sec" (synchronize the section widths and resizing), "style" (synchronize chosen CSS style),
"zoom" (synchronize Gantt zoom level), "horz" (synchronize horizontal scrollbar position).
It is possible to use flags "horz1", "horz2" or "horz3" to synchronize only given column sections.
If the grids have completely the same columns, you can add flag "cols" to synchronize the column widths.
-
Set the same values for <Cfg> attributes LeftWidth, MidWidth, RightWidth, MinLeftWidth, MinMidWidth, MinRightWidth, SectionShrinkOrder in all the grids.
Optionally set <Cfg LeftCanResize='4' RightCanResize='4'/> to permit resizing also sections without scrollbars.
-
To all used and resizable column sections add new column as <C Name='...' ConstWidth='1' RelWidthType='1'/>. This column fills empty space of the column section, if any.
-
The Gantt section should be placed as the first one in SectionShringOrder, e.g. if the Gantt is in RightCols, set SectionShringOrder='right,mid,left'.
It is possible to set high value to the Gantt section width, e.g. if the Gantt is in right section, set RightWidth='2000' to let the right section to fill all the available space.
In this case set RelWidthType='3' or '7' instead of 1 to the new empty column added in the Gantt section, to be the column shrunk if its space is required for other sections.
Or set RelWidthType='9' to resize the Gantt section always to the whole main tag width.
-
Set <Cfg> attribute ShowVScroll='1' or NoVScroll='1' to ensure all grids show or don't show the vertical scrollbar.
-
Ensure that all main tags have the same width, usually set in the standard style attribute.