Welcome to Kap Lab Store

Migration Guide




Description


Kalileo Visualizer component is a major evolution of the Visualizer component you already know which is now stuck in version 1.6. Most of the work has been done over the architecture of the component in order to facilitate its integration in your applications. The names of constants and functions have been reviewed for better understanding but applications running with the 1.6 version of Visualizer can easily upgrade to the newer version without that much trouble.

In order to facilitate your upgrade, we're providing the source codes of the demo of Visualizer version 1.6, and the same demo which has been ported with version 2 of Visualizer. You will be able to see the differences between these two versions. Of course, we have not added any new feature to this ported demo for you to better understand the differences between the two implementations. Please refer to the demos available on the Kap IT Diagramming Components home page, the developer guide and the ASDoc for details about the new features.

During the portage, we've tried to write down in the following table the differences we've encountered between the two versions. Please note that as Diagrammer is now an extension of Visualizer, there is no guide for the migration from version 1.6 to version 2.




Packing policies


v1.6 v2.0
Constant.VERTICAL_PACKING PackingType.VERTICAL_PACKING
Constant.HORIZONTAL_PACKING PackingType.HORIZONTAL_PACKING
Constant.CIRCULAR_PACKING PackingType.CIRCULAR_PACKING
Constant.GRID_PACKING PackingType.GRID_PACKING
Constant.PACKING_SORT_BY_POSITION PackingSortType.PACKING_SORT_BY_POSITION
Constant.PACKING_SORT_BY_DIMENSIONS PackingSortType.PACKING_SORT_BY_DIMENSIONS


Edge types


v1.6 v2.0
Constant.STRAIGHT_LINE EdgeDrawType.STRAIGHT_LINE
Constant.FREE_POLYLINE_EDGE EdgeDrawType.STRAIGHT_POLYLINE
Constant.FREE_CURVE_EDGE EdgeDrawType.CURVED_POLYLINE
Constant.ORTHOGONAL_POLYLINE_EDGE EdgeDrawType.ORTHOGONAL_STRAIGHT_POLYLINE
Constant.ORTHOGONAL_CURVE_EDGE EdgeDrawType.ORTHOGONAL_CURVED_POLYLINE
Constants.LINK_DASH_RENDERING LinkStyle.LINK_RENDERING_DASH


Layout types


v1.6 v2.0
Constant.NONE Layout.NONE
Constant.CIRCULAR_LAYOUT Layout.CIRCULAR_LAYOUT
Constant.HIERARCHICAL_LAYOUT Layout.HIERARCHICAL_TREE_LAYOUT
Constant.RADIAL_LAYOUT Layout.RADIAL_LAYOUT
Constant.BALLOON_LAYOUT Layout.BALLOON_LAYOUT
Constant.SUGIYAMA_LAYOUT Layout.HIERARCHICAL_CYCLIC_LAYOUT
Constant.STATIC_GEM_LAYOUT Layout.STATIC_ORGANIC_LAYOUT
Constant.ORTHOGONAL_LAYOUT Layout.ORTHOGONAL_LAYOUT
Constant.MINDMAP_LAYOUT Layout.MIND_MAP_LAYOUT
Constant.BIHIERARCHICAL_LAYOUT Layout.BIHIERARCHICAL_LAYOUT


Orientation constants


v1.6 v2.0
Constant.ORIENTATION_TOP_DOWN OrientationType.ORIENTATION_TOP_DOWN
Constant.ORIENTATION_BOTTOM_UP OrientationType.ORIENTATION_BOTTOM_UP
Constant.ORIENTATION_LEFT_RIGHT OrientationType.ORIENTATION_LEFT_RIGHT
Constant.ORIENTATION_RIGHT_LEFT OrientationType.ORIENTATION_RIGHT_LEFT
Constant.ORIENTATION_HORIZONTAL OrientationType.ORIENTATION_HORIZONTAL
Constant.ORIENTATION_VERTICAL OrientationType.ORIENTATION_VERTICAL


Centering methods - Deprecated


v1.6 v2.0
LayoutConstants.APPROXIMATE_OVERLAP_AVOID OverlappingAvoidType.APPROXIMATE_OVERLAP_AVOID
LayoutConstants.DETERMINISTIC_OVERLAP_AVOID OverlappingAvoidType.DETERMINISTIC_OVERLAP_AVOID
LayoutConstants.STRAIGHT_LINE EdgeDrawType.STRAIGHT_LINE
LayoutConstants.STRAIGHT_POLYLINE EdgeDrawType.STRAIGHT_POLYLINE
LayoutConstants.CURVED_POLYLINE EdgeDrawType.CURVED_POLYLINE
LayoutConstants.ORTHOGONAL_STRAIGHT_POLYLINE EdgeDrawType.ORTHOGONAL_STRAIGHT_POLYLINE
LayoutConstants.ORTHOGONAL_CURVED_POLYLINE EdgeDrawType.ORTHOGONAL_CURVED_POLYLINE
LayoutConstants.MOST_WEIGHTED_ROOT_SELECTION RootSelectionType.MOST_WEIGHTED_ROOT_SELECTION
LayoutConstants.MANUAL_SELECTION RootSelectionType.MANUAL_SELECTION
LayoutConstants.DIRECTED_ROOT_SELECTION RootSelectionType.DIRECTED_ROOT_SELECTION


Layout types (LayoutConstants) - Deprecated


v1.6 v2.0
LayoutConstants.CIRCULAR_LAYOUT Layout.CIRCULAR_LAYOUT
LayoutConstants.HIERARCHICAL_TREE_LAYOUT Layout.HIERARCHICAL_TREE_LAYOUT
LayoutConstants.RADIAL_LAYOUT Layout.RADIAL_LAYOUT
LayoutConstants.BALLOON_LAYOUT Layout.BALLOON_LAYOUT
LayoutConstants.HIERARCHICAL_CYCLIC_LAYOUT Layout.HIERARCHICAL_CYCLIC_LAYOUT
LayoutConstants.STATIC_ORGANIC_LAYOUT Layout.STATIC_ORGANIC_LAYOUT
LayoutConstants.ORTHOGONAL_LAYOUT Layout.ORTHOGONAL_LAYOUT
LayoutConstants.MIND_MAP_LAYOUT Layout.MIND_MAP_LAYOUT
LayoutConstants.BIHIERARCHICAL_LAYOUT Layout.BIHIERARCHICAL_LAYOUT


Orientation constants (LayoutConstants) - Deprecated


v1.6 v2.0
LayoutConstants.ORIENTATION_TOP_DOWN OrientationType.ORIENTATION_TOP_DOWN
LayoutConstants.ORIENTATION_BOTTOM_UP OrientationType.ORIENTATION_BOTTOM_UP
LayoutConstants.ORIENTATION_LEFT_RIGHT OrientationType.ORIENTATION_LEFT_RIGHT
LayoutConstants.ORIENTATION_RIGHT_LEFT OrientationType.ORIENTATION_RIGHT_LEFT
LayoutConstants.ORIENTATION_HORIZONTAL OrientationType.ORIENTATION_HORIZONTAL
LayoutConstants.ORIENTATION_VERTICAL OrientationType.ORIENTATION_VERTICAL


Visualizer Constants


v1.6 v2.0
Visualizer.CIRCULAR_LAYOUT Layout.CIRCULAR_LAYOUT
Visualizer.HIERARCHICAL_TREE_LAYOUT Layout.HIERARCHICAL_TREE_LAYOUT
Visualizer.RADIAL_LAYOUT Layout.RADIAL_LAYOUT
Visualizer.BALLOON_LAYOUT Layout.BALLOON_LAYOUT
Visualizer.HIERARCHICAL_CYCLIC_LAYOUT Layout.HIERARCHICAL_CYCLIC_LAYOUT
Visualizer.STATIC_ORGANIC_LAYOUT Layout.STATIC_ORGANIC_LAYOUT
Visualizer.ORTHOGONAL_LAYOUT Layout.ORTHOGONAL_LAYOUT
Visualizer.MINDMAP_LAYOUT Layout.MIND_MAP_LAYOUT
Visualizer.BIHIERARCHICAL_LAYOUT Layout.BIHIERARCHICAL_LAYOUT
Visualizer.IDLE_STATUS Replaced with events
Visualizer.ANIMATING_STATUS Replaced with events
Visualizer.PAN_STATUS Replaced with events
Visualizer.SELECTION_MOVE_STATUS Replaced with events
Visualizer.BUSY_STATUS Replaced with events
Visualizer.UNIFORM_COLORING ColorConstants.UNIFORM_COLORING
Visualizer.BICHROMATIC_COLORING ColorConstants.BICHROMATIC_COLORING
Visualizer.MONOCHROMATIC_COLORING ColorConstants.MONOCHROMATIC_COLORING
Visualizer.uniformColor Visualizer.firstColor
Visualizer.showExpandCollapseButton CSS property: showExpandCollapseButton
Visualizer.expandOnDoubleClick CSS property: expandOnDoubleClick


Functions and miscelaneous


v1.6 v2.0
Imports in "com." Imports in "fr."
visualizer.addNodeElement(obj, null,new Point(),...) visualizer.addNodeElement(obj, null, null,new Point(),...)
visualizer.coloringFunction Must return a uint Array (colors) with at least 2 entries.
visualizer.graphItems visualizer.nodesMap and visualizer.linksMap
sprite.links :array sprite.inLinks :Dictionary and sprite.outLinks : Dictionary
idleLinkStyleFunction() now returns a LinkStyle object type
UID itemID
showExpandCollapseButton showNodeExpandCollapseButton


Buy Commercial Edition

(Including Source Code and Support)

 Top News

  Latest Updates: 2012/10/05

Released on:

Need Information?

Why Kap Lab?

Kap Lab exists because innovation is our passion. Enjoy our products and help us to give you the best.

Cyril Daloz
CEO Kap IT