Using Markdown: linking documents/websites, adding images, and stylising text

Note: if you're utilising the translation tool to view this article the formatting provided may be altered. Please use the English version of the article to copy and paste into your platform. 

Award Force uses Markdown for content formatting across the system. It's a very simple and quick to learn method of formatting, inspired by plain text email. Using Markdown formatting, websites, documents, images and videos can be inserted into almost any location. Common examples include content blocks and hint text on fields.

In the words of its creator (John Gruber), "The idea is that a Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions."

In each of the below sections, you'll find the Markdown split over two lines:
The first line, in this format, shows the Markdown being used.

 The second line shows the visual effect of the Markdown.

To allow your program's entrants to utilise Markdown, navigate to Settings > Entries > General in the Manage workspace and select the Enable Markdown editor for entrants checkbox before clicking Save.

Bold

This is how you **bold** text

This is how you bold text

Italics

This is how you *italicise* text

This is how you italicise text.

Additional line spacing

If you wish to add more than one line between sentences or paragraphs, it is necessary to use ' ' in order for the spacing to be retained for display in the PDF.

Note: additional line spacing is not supported in field labels.
This is how you add additional line spacing
 
 
between lines.

This is how you add additional line spacing

 

between lines.

Lists

Note: lists are not supported in labels. You will need to use the hint box instead.

Bulleted lists

* Bullet one
* Bullet two
  • Bullet one
  • Bullet two
Note: there must be a line break before and after the list.

Numbered lists

1. Step one
2. Step two
  1. Step one
  2. Step two
Note: do not use a hashtag (#) when creating numbered lists in Markdown as the symbol is used for other formatting.

Headings

# Heading 1
## Heading 2
### Heading 3

mceclip0.png

Note: if you prefer, you can add a row of equal signs (=) under a line of text to create Heading one effect, or a row of dashes (-) under a line of text to create a Heading two effect.

Links

When creating links, the text that goes within the square brackets "[]" is what the user will interact with while the link address is contained within the parenthesis "()". There should not be any spaces between the squared brackets and the parenthesis. Complete URLs, including the "https://" should be used. 

Website/URL

[Link display text - URL](http://example.com/)

Link display text - URL

Email address

[Link display text - Email](mailto:example@mail.com)

Link display text - Email

Tip: it is recommended that you also include the mailing email address within the brackets as some users may experience issues with the formatting of email address noted above. 

Phone number

[Link display text - Phone](tel:+61283106640)

Link display text - Phone

While the above examples all use similar formatting, you can see the variations when the link is clicked. The email option will open in the system-set email composer, and phone in the system-set phone dialler. 

Note: the 'phone' link type is intended for use when mobile browsing, and may not work in desktop view unless the user has a phone application such as Skype installed. The full international version of the number is required.

Documents

Documents and images need to be hosted outside of Award Force before they can be linked to.

For example, you may have a marketing website or intranet where these files can be stored. Alternatively, you can use a service like Dropbox to host the files.

Ensure the URL to your document ends with the format of the file eg. .pdf or .jpg. URLs ending in .html or .php won't work.

[Link display text - Document](http://www.example.com)

Link display text - Document

This link will look the same as the URL options above, however will open the document in a new tab.

Video embedding

Videos need to be hosted outside of Award Force before they can be linked or embedded. For example, you may have a marketing website where these files can be stored. Alternatively, you can use a service like Dropbox to host the files.

![300](https://www.youtube.com/watch?v=2qY5pFpk_Tc) 

Embedded video example.png

  • The number in square brackets defines the width to display the video at (in pixels)
  • The video is embedded at 16:9 (wide-screen) aspect ratio. If the source video is a different aspect ratio, it will be letter-boxed / pillar-boxed in the player.
  • Embedding is supported for Vimeo and YouTube URLs.
Tip for YouTube Shorts: YouTube doesn't natively support the embedding of short form content from their platform externally. However, replacing the word "shorts" with "embed" in the video URL will allow it to be displayed. 

Image embedding

Images need to be hosted outside of Award Force before they can be linked or embedded. For example, you may have a marketing website where these files can be stored. Alternatively, you can use a service like Dropbox  or Google Drive to host the files.

Tip for Dropbox: alter the ending URL so it finishes with "?raw=1" to ensure the images embed as you are expecting. By default, the url will end with "?dl=0". You will need to replace "?dl=0" with "?raw=1". If additional parameters have been appended to the URL, use "&" instead of "?".
Tip for Google Drive: use this link format instead of the publicly accessible link Google generates:
![alt text](https://drive.google.com/thumbnail?id=FILEID)
Important: paste the file id where it says FILEID. You can find the file ID in the sharable link, it’s a long string of letters and numbers.

Ensure the URL to your document ends with the format of the file eg. .pdf or .jpg. URLs ending in .html or .php won't work.

![Alternative text describing the image](http://www.example.com/logo.png)

You can make an image embedded with Markdown formatting a link to your desired URL.

 [![image alt text](image url link)](anchor link)

Most images can be resized in Markdown formatting by adding parameters at the end of the embedded URL. To set a custom width, add "?w=" followed by a pixel count or percentage at the end of the address. To assign a custom height, add "?h=" followed by a pixel count or percentage at the end of the URL. 

Pixel count:

![Alternative text describing the image](http://www.example.com/logo.png?w=200)

Percentage of original size:

![Alternative text describing the image](http://www.example.com/logo.png?h=75%)

Want more information? Check out the official and complete Markdown syntax guide. (Note: Award Force does not support all Markdown at this stage. If in doubt, please ask!

Was this article helpful?
8 out of 24 found this helpful

Articles in this section