Display-Format
Interactive Viewer
The interactive viewer provides zooming and panning the diagram.
| Ydiagram |
|---|
| displayName | false |
|---|
| name | Interactive Diagram |
|---|
|
Show Toolbar
Adds a toolbar at the top of the diagram. The toolbar provides buttons to center the diagram and to reset the zoom to 1:1.
In case a description was added to a node in the Graphity Editor, it can be displayed as a tooltip when hovering the node.
Enable Links
In case a link was added to a node in the Graphity Editor, it is possible to navigate to this like by clicking the node.
Static Image
The diagram is embedded as a common SVG image. There is no interaction.
| Ydiagram |
|---|
| displayName | false |
|---|
| name | Static Image |
|---|
| display-format | image |
|---|
|
Show Diagram Name
The diagram name identifies the diagram within the Confluence page. It can be displayed as a title for the diagram.
Confluence Embedding
There are two embedding modes which apply to the color scheme in which the diagram is presented.
Light Mode
| Ydiagram |
|---|
| displayName | false |
|---|
| name | Light Mode |
|---|
|
Dark Mode
Size
The size of an embedded diagram is either determined automatically considering the original size and aspect ratio or can be specified in pixels or percentage.
| Ydiagram |
|---|
displayName | false |
|---|
| name | 400px x 300px |
|---|
| width | 400px |
|---|
| height | 300px |
|---|
|
Alignment
Left, Right, Center
There are different alignments for an embedded diagram. It can be displayed in the left, middle, or right of the Confluence page.
| Ydiagram |
|---|
| Ydiagram |
|---|
displayName | false |
|---|
|
| Ydiagram |
|---|
displayName | false |
|---|
| name | Center |
|---|
| width | 30% |
|---|
| align | center |
|---|
|
| Ydiagram |
|---|
displayName |
|---|
| false | name | Right |
|---|
| width | 30% |
|---|
| align | right |
|---|
|
Float
The diagram can also be surrounded by text.
| Ydiagram |
|---|
| displayName | false |
|---|
| name | Floating |
|---|
| width | 25% |
|---|
| float | true |
|---|
|
...
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.Nam Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
