Page History

Flowchart

Confluence Gliffy Flowchart

The following diagram was created within this Confluence page, using a Gliffy macro.

Markdown Flowchart via DocDock Mermaid Shortcode

In a Hugo project with the DocDock theme, the following markdown code produces a similar diagram.

{{<mermaid align="left">}}
graph TD;
    A(Start) --> B
    B[Submitter submits trial.] --> |Trial has Submitted status.| C{Submission complete?}
    C -->|No| D[CTRO asks submitter for information.]
    D -->|Trial is on hold.| E[Submitter provides requested information.]
    E -->|Trial is off hold.| C
    C -->|Yes| F(End)

{{< /mermaid >}}

Markdown Flowchart via Mermaid Live Editor

In the Mermaid Live Editor, the following markdown code produces a similar diagram.

...

Expand/Collapse Image

Expand Confluence Macro

Expand as DocDock Shortcode Markdown

The following code block demonstrates implementation of the Expand shortcode for Hugo DockDock:

...

• By default, the image is hidden:
  
• After the initial click, the image is visible:
  

Thumbnail Image

Thumbnail in DocDock Markdown

The following code block demonstrates implementation of a thumbnail for Hugo DockDock, as described in Resizing image:

...