Formatting text with Markdown

Which Moves+ admin fields support Markdown, and the formatting you can use in them.

User role: Administrator

Module: Moves+ admin

Fields that support Markdown

Page Markdown fields Plain text only
Challenges Description Name, How to win
Groups Description; post Body (Full) Title; post Body (Simple)
Rewards Description, Terms of Service Title, Handoff Text
App Notifications Body (Full) Title, Body (Simple)
Partner Categories Description (links) Name
Settings Terms of Service Other text settings

Markdown fields have a toolbar above them. Select text and choose a button, or type the syntax yourself. Select the eye icon to preview.

Markdown text preview

Syntax

Format Type this In the app
Bold **bold text** Bold
Italic *italic text* Italic
Strikethrough ~~old price~~ Check on a phone before use
Heading # Heading (one to six #) Every level looks the same: bold and slightly larger than normal text
Link [Book now](https://example.com) Underlined link. Use the full web address, starting with https://
Image ![Description](https://example.com/image.jpg) You cannot upload an image here. It must be at a public web address that opens the image file itself. See Images below. Images wider than the screen are scaled to fit. Smaller images keep their own size.
Bulleted list - item on each line Check on a phone before use
Numbered list 1. item on each line Check on a phone before use
Quote > quoted text Check on a phone before use
Horizontal line --- on its own line Check on a phone before use
New paragraph A blank line between paragraphs Separate paragraphs

Images: upload or web address

Some image fields take a file from your computer. Others only take a web address.

Image How you add it
Challenge Image Upload a file
Group Image Upload a file
Reward Main Image and Carousel Images Upload a file
Settings: Logo: Select your institution, Logo: Sign-in, App Logo: Homepage and Explore Tab Images Upload a file
Partner category Icon URL Web address only
An image inside any Markdown field listed above, including app notifications Web address only

To add an image with a web address:

  1. Put the image online where anyone can open it, such as your organisation's website.
  2. Copy the address of the image file itself. In most browsers, right-click the image and choose Copy image address. The address usually ends in the file type, for example .jpg or .png.
  3. In a Markdown field, select the image icon in the toolbar, paste the address and select OK. You can also type ![Description](address).
  4. Select the eye icon to check the image shows.
  • A link to a page that shows the image, such as a share page, does not work.
  • The app loads the image from that address. If the image is moved or deleted there, it disappears from the app.

Rules

  • HTML is not supported. Use Markdown instead.
  • Character limits count the Markdown syntax as well as the text.
  • The admin preview is a guide. The app uses your organisation's fonts, so text can look slightly different on a phone.

What's next?

Was this article helpful?
0 out of 0 found this helpful