Examples

With paging...

 

CommandStackEventListener

CommandStack.png

Demonstate the usage of the CommandStackEventListener interface.

This interface is very usefull for server - client communication. You can update the server data on every CommandStack change.

Show...

UML Figures

UML.png

Demonstration of some UML diagram elements

Show...

Collapseable Figure

CollapseableFigure.png

Create figure with round corners a collapse/expand button.

Show...

View Port

viewport.png

Set the Position of the viewport or canvas

Show...

ExtJS UI integration

ExtJSIntegration.png

How to integrate Draw2D into a 3rd. party UI library

Show...

Connection Decorator

ConnectionDecorator.png

How to decorate a connector with arrows, bars or something else.

Show...

Connection Router

ConnectionRouter.png

Showcase for the different connection router types

Show...

Connector with Context Menu

contextmenu_connector.png

Provide a context menu for a connector

Show...

Snap to Geometry

snap_to_geometry.png

Enable the SnapToGeometry feature

Show...

Snap to Grid

snap_to_grid.png

Change the grid size and provide 2 toggle buttons for the user.

Show...

Tooltip

tooltip.png

Provide a tooltip for a figure

Show...

Toggle Button

toggle_button.png

Create a Toolbar with a ToggleButton

Show...

Workspace Context Menu

workflow_contextmenu.png

Provide a context menu for your canvas.

Show...

Figure Context Menu

contextmenu.png

How to implement a context menu for your figure class.

Show...

VectorPaint

SimpleVectorDraw.png

Demonstration of a very simple vector draw application.

Show...

Simple GUI Designer

SimpleGUIDesigner.png

Starter kit for a simple Ajax Form Designer

Show...

XML Export

serializer.png

Create a XML document with your Draw2D canvas content

Show...

Port Representation

port_representation.png

Change the default port UI representation.

Show...

Connection with a Label

ConnectionLabel.png

Attach a figure to a connector. You can attach each type of figure to a connection

Show...

Arrow Connection

connector_vector.png

Create your own connector type. A ArrowConnector

Show...

Manhatten Connection Router

connector_z.png

Connection with a ManhattenConnectionRouter

Show...

Simple Connector

connector_direct.png

Usage of a connector with a direct connection router. A NullConnectionRouter.

Show...

Mouse Over

figure_hover.png

Inherit from the Figure class and implement a special "hover" effect.

Show...

Arrow Line

arrow_line.png

How to override the paint method of a Line figure. The result: a ArrowLineFigure

Show...

Own draw vector figure

owndraw.png

Implementation of an vector drawn based figure.

Show...

Resizeable Image

image_resize.png

Implementation of a resizeable image figure.

Show...

Resize Object with Ports

resize.png

Resize a figure and adjust the corresponding ports of the figure to the new size.

Show...

Scroll to Object

scroll_to.png

Show a  link in a dialog and scroll the view to a related object.

Show...

Timer

timer.png

Implement a figure with an internal timer.

Show...

Double click event handler

doubleclick.png

How to implement a double click event handler at a figure.

Show...

Extended Selection Listener

selection_listener2.png

Demonstration of an extended Selection Listener.

Show...

Selection Listener

selection_listener.png

Show a simple "selection listener". This is a core function of the "draw2d.Dialog" class.We use this in the demo to show some properties of the selected figure.

Show...

Simple interactive Demo

simple_ineractive.png

Show the different between the simple canvas and the interactive canvas called "draw2d.Workflow"

Show...

Simple non interactive Demo

simple.png

show some core figure functions of the Draw2D API.

Show...

Arrow Figure

ArrowFigure.png

Description of the arrow figure

Show...