...

Expand/Collapse Image

Expand Confluence Macro

...

Thumbnail Image

Image Added

Site Generator Features

Thumbnail in DocDock Markdown

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

1. Click the **Search Clinical Trials** tab. Or, on the toolbar, click **Search** > **Clinical Trials**. The Search Clinical Trials page appears.
{{%expand "Click for Screen Shot" %}}
![Search Clinical Trials page](https://wiki.nci.nih.gov/download/attachments/333338131/trial-search.png)
{{% /expand%}}?height=80px)
1. In the various fields, specify one or more search criteria.

The above code produces the following results:

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

Thumbnail Image

Thumbnail in Confluence

Image Removed

...

• appears as indicated in the HTTP parameter: 
  Image Added
• After click, the image expands to fill the window.

Presentation / Slideshow

Office Powerpoint macro

Expand as DocDock Shortcode Markdown

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

1. Click the **Search Clinical Trials** tab. Or, on the toolbar, click **Search** > **Clinical Trials**. The Search Clinical Trials page appears.
{{%expand "Click for Screen Shot" %}}
![Search Clinical Trials page](https://wiki.nci.nih.gov/download/attachments/333338131/trial-search.png?height=80px)
{{% /expand%}}
1. In the various fields, specify one or more search criteria.

The above code produces the following results:

• By default, the image appears as indicated in the HTTP parameter:
  Image Removed
• After click, the image expands to fill the window.

Presentation / Slideshow

Office Powerpoint macro

Site Generator Features

• is hidden: 
  Image Added
• After the initial click, the image is visible:
  Image Added

Markdown via Slide Show (S9)

Markdown to Presentation / Slideshow lists some tools for using markdown to create presentations or slideshows. The following files demonstrate one of them, Slide Show (S9):

• Source: slide.text
• Result: slideshow-s9.zip (Download the ZIP file, extract the contents, and open the HTML file in a browser.)

Markdown Flowchart via DocDock Mermaid Shortcode

...

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)

Markdown via Slide Show (S9)

Markdown to Presentation / Slideshow lists some tools for using markdown to create presentations or slideshows. The following files demonstrate one of them, Slide Show (S9):

...