Appboard/2.4/builder/widgets/diagrammer - Revision history

imported>Jason.nicholls at 17:46, 17 July 2014

2014-07-17T17:46:46Z

← Older revision		Revision as of 17:46, 17 July 2014
Line 10:		Line 10:


	This page is designed to answer any questions you may have about the Diagrammer Widget. For a detailed tutorial that can help guide you through the basics, check out our [[~~Diagrammer_Widget_Tutorial~~\|Diagrammer Widget Tutorial]] page.		This page is designed to answer any questions you may have about the Diagrammer Widget. For a detailed tutorial that can help guide you through the basics, check out our [[appboard/2.4/builder/widgets/diagrammer/tutorial\|Diagrammer Widget Tutorial]] page.

imported>Andy.hopper: /* Creating Links */

2014-06-23T16:16:20Z

Creating Links

← Older revision		Revision as of 16:16, 23 June 2014
Line 92:		Line 92:

	== Creating Links ==		== Creating Links ==
	You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.png\|border~~\|caption~~]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.		You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.png\|border]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.

imported>Andy.hopper: /* Editing Links */

2014-06-23T16:16:01Z

Editing Links

← Older revision		Revision as of 16:16, 23 June 2014
Line 116:		Line 116:

	== Editing Links ==		== Editing Links ==
	By placing the diagrammer back into Edit Mode [[File:EditMode.png\|border~~\|caption~~]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.		By placing the diagrammer back into Edit Mode [[File:EditMode.png\|border]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.

	=== Editing Vertices of Links ===		=== Editing Vertices of Links ===

imported>Andy.hopper: /* Editing Links */

2014-06-23T16:15:04Z

Editing Links

← Older revision		Revision as of 16:15, 23 June 2014
Line 116:		Line 116:

	== Editing Links ==		== Editing Links ==
	By placing the diagrammer back into Edit Mode [[File:~~File-~~EditMode.png\|border\|caption]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.		By placing the diagrammer back into Edit Mode [[File:EditMode.png\|border\|caption]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.

	=== Editing Vertices of Links ===		=== Editing Vertices of Links ===

imported>Andy.hopper: /* Editing Links */

2014-06-23T16:14:05Z

Editing Links

← Older revision		Revision as of 16:14, 23 June 2014
Line 116:		Line 116:

	== Editing Links ==		== Editing Links ==
	By placing the diagrammer back into Edit Mode [[File:EditMode.png\|border\|caption]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.		By placing the diagrammer back into Edit Mode [[File:File-EditMode.png\|border\|caption]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.

	=== Editing Vertices of Links ===		=== Editing Vertices of Links ===

imported>Andy.hopper at 16:13, 23 June 2014

2014-06-23T16:13:26Z

← Older revision		Revision as of 16:13, 23 June 2014
Line 114:		Line 114:

	After creating the new link type you can now connect nodes with the new link type selected to get links that auto generate labels and status colors.		After creating the new link type you can now connect nodes with the new link type selected to get links that auto generate labels and status colors.

			== Editing Links ==
			By placing the diagrammer back into Edit Mode [[File:EditMode.png\|border\|caption]] you can modify the visual structure of links. You can move/add/delete vertices of links, remove and reattach them to new nodes, or delete them all together.

			=== Editing Vertices of Links ===
			Selecting a link enables grapples on all vertices on a link. You can move existing vertices just by dragging them with a mouse. You can delete vertices by clicking on them and pressing the "Delete" key. To add new vertices just click anywhere on the link and drag.

			=== Changing the Source or Target Node of a Link ===
			Selecting a link enables grapples on the endpoints of a link. You can drag them to new nodes to change the connectivity of your diagram.

			=== Deleting Links ===
			Select a link without clicking on a vertice and press the "Delete" key to delete an entire link.

	== Adding Actions to Diagrams ==		== Adding Actions to Diagrams ==

imported>Andy.hopper: /* Creating Links */

2014-06-23T16:09:28Z

Creating Links

← Older revision		Revision as of 16:09, 23 June 2014
Line 92:		Line 92:

	== Creating Links ==		== Creating Links ==
	You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.~~jpeg~~\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.		You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.png\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.

imported>Andy.hopper: /* Creating Links */

2014-06-23T15:51:49Z

Creating Links

← Older revision		Revision as of 15:51, 23 June 2014
Line 92:		Line 92:

	== Creating Links ==		== Creating Links ==
	You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.~~jpg~~\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.		You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.jpeg\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.

imported>Andy.hopper: /* Creating Links */

2014-06-23T15:46:57Z

Creating Links

← Older revision		Revision as of 15:46, 23 June 2014
Line 92:		Line 92:

	== Creating Links ==		== Creating Links ==
	You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.~~JPG~~\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.		You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.jpg\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.

imported>Andy.hopper: /* Creating Links */

2014-06-23T15:46:18Z

Creating Links

← Older revision		Revision as of 15:46, 23 June 2014
Line 92:		Line 92:

	== Creating Links ==		== Creating Links ==
	You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.		You can draw links with or without associated data. In fact, a Basic Link type is already available for use if you just want to draw connections between nodes without showing labels or status. To use basic links, just click the Link Creation Mode button [[File:LinkCreate.JPG\|border\|caption]] and then choose a link type using the new link type button that appears to the right. After that, select the Basic Link in the Node/Link Type section and click on a node to start drawing a link from that node to another node.


Line 114:		Line 114:

	After creating the new link type you can now connect nodes with the new link type selected to get links that auto generate labels and status colors.		After creating the new link type you can now connect nodes with the new link type selected to get links that auto generate labels and status colors.



	== Adding Actions to Diagrams ==		== Adding Actions to Diagrams ==