DockAreaFX 1.x Library

The DockAreaFX and ResizeDockAreaFX are containers that serve as the drop target for a DockPaneFX draggable container.

ResizeDockAreaFX Features

The resize dock area adds a resize bar with a toggle button similar to Fireworks. The toggle button opens and closes the dock area with an optional transition. The resize bar allows drag resize.

• Resize bar renderer.
• Resize bar styleNames for vertical and horizontal placement.
• Resize bar thickness, gap and inset.
• Resize bar placements of top, right, bottom and left.
• Show / hide the resize bar.

DockAreaFX Features

Properties

• Allows / dis-allows dock pane children from being dropped onto the application (IE as a popUp).
• Uses default float sizing when enabled rests the dock pane's width and height, when disabled use the previous dock pane's dimensions from it's last parent.
• Allows / dis-allows docking from dock panes.
• Maintains open and close states while hiding or showing it's children through width or height collapse.
• Implements 4 default container layouts; absolute, vertical, horizontal and flow.

Methods

• Programmatically dock components that implement the docking interface.
• Programmatically float components that implement the docking interface.

Styles

• All container border and background support.
• All gradient and multi-corner radii border support (free border class GradientBorder).
• Bounding box drop indicator; alpha, color, skin and thickness support.
• Drag proxy drag indicator; alpha, color, skin and thickness support.

Events

• Dock and float initialize events to preprocess a dock or float operation (cancelable), similar to the drageEnter event.
• Dock and float events to process a dock or float operation (non-cancelable).

DockPaneFX Features

Properties :: Pane

• Fully movable when floating on the application (IE popUp) which can be toggled on or off.
• Fully resizable when floating on the application (IE popUp) which can be toggled on or off.
• Allows / dis-allows dock pane children from being dropped onto the application (IE as a popUp).
• Supplies a docking data object for dock area initialize tests.
• Multiple title bar placements of top, right, bottom and left for dock and float states.
• Flags to allow / dis-allow drag or drop operations into and from a dock area.
• Drag handle visibility, renderer, placement and tooltip.
• Flag to show the state of dock or float.
• Z-order depth management.

Properties :: TitleBar

• Fully customizable title bar with icon, close, minimize and maximize buttons.
• Control the renderer, border and placement.
• Double click, hand cursor functionality.
• Control all button visibilities.

Methods

• Drag functionality built into the class with doDrag().
• Hide or show title bar.
• Hide or show children.

Styles

• All container border and background support.
• All gradient and multi-corner radii border support (free border class GradientBorder).
• Custom styleNames for the docked state;
• dockStyleName, dockTitleBarStyleName, dockTitleStyleName
• Custom styleNames for the floating state;
• floatStyleName, floatTitleBarStyleName, floatTitleStyleName
• Drag handle styleName.
  
• Container resize types; none, realtime or animated.

Events

• Complete events for the dock and float state.
• Title bar button click events.
• Pane open and close events.