Skip to main content
Skip table of contents

Markdown layout options for descriptions

We support Markdown syntax in all text fields when creating an survey. In case you are looking for writing thorough- and well-designed descriptions to guide your voters, you may use it when creating/editing your survey to obtain the following styling elements.

Headers

Typed input (Markdown syntax)

Rendered output

# Heading level 1

Heading level 1

## Heading level 2

Heading level 2

### Heading level 3

Heading level 3

#### Heading level 4

Heading level 4

##### Heading level 5

Heading level 5

###### Heading level 6

Heading level 6

Paragraphs limits and line breaks

Markdown does not require special symbols to mark paragraph limits and line breaks.

  • Use a blank line to separate two paragraphs.

  • End a line with two spaces or more and then type a new line to create a line break.

Typed input (Markdown syntax)

Rendered output

CODE
Paragraph 1

Paragraph 2

Paragraph 1

Paragraph 2

CODE
Paragraph 1  
Paragraph 2

Paragraph 1
Paragraph 2

If your Markdown contains multiple lines, do not use the inline editor to edit your description, since this one does not support multiple lines. Please use the editor in the settings panel instead.

You may see your description nevertheless displayed as one line in the edit view, but this should still not affect your text unless you click on it to edit it.

Does not work:

Screenshot from 2024-04-19 14-28-29.png

Inline mode does not support multiple lines

Does work:

image-20240419-123158.png

Editing the description using the settings panel supports multiple lines.

Text formatting

Typed input (Markdown syntax)

Rendered output

This text is **bold**.

This text is bold.

This is in *italic*.

This is in italic.

This is in both ***bold and italic***.

This is in both bold and italic.

Blockquotes

Typed input (Markdown syntax)

Rendered output

CODE
> This is a
> block quote

This is a

blockquote

CODE
> This is a
> - List in a blockquote

This is a

  • List in a blockquote

Lists

Typed input (Markdown syntax)

Rendered output

CODE
- First item
- Second item
- Third item
  - Indented item
  - Indented item
- Fourth item
  • First item

  • Second item

  • Third item

    • Indented Item

    • Indented Item

  • Fourth item

  1. First item

  2. Second item

  3. Third item

  4. Fourth item

  1. First item

  2. Second item

  3. Third item

  4. Fourth item

Code

Typed input (Markdown syntax)

Rendered output

This is text has a `code segment`.

This text has n code segment.

This is text has a ` code` segment`` with backticks.

This text has an `code` segment with backticks.

Horizontal Rules

Typed input (Markdown syntax)

Rendered output

***


---


___


Typed input (Markdown syntax)

Rendered output

If you are interested in IT and science in Munich, join our next [Big Techday](https://www.bigtechday.com/). You can also contact us via [email](mailto:bigtechday@tngtech.com).

If you are interested in IT and science in Munich, join our next Big Techday. You can also contact us via email.

If you want to quickly include links, you can enclose the link in brackets like <https://www.bigtechday.com/>.

if you want to quickly include links, you can enclose the link in brackets like https://www.bigtechday.com/.

You should check that the links work correctly and have interesting content. 🙂

Further you can set the title of a link, which gets displayed on mouse-over with [Big Techday](https://www.bigtechday.com/ "This is the title").

Images

Images are pretty similar to links in Markdown syntax. You just have to add an exclamation mark. The text would be then an alternative text, while the URL would be the image URL.

![alt text](https://picsum.photos/seed/picsum/200/300 "title")

The following paragraph describes an experimental feature that can be changed or even completely removed in an upcoming release.

You can set "[width=30 height=55] title" as the title of the image to give it the title “title” and set its width and height to 30 and 55 pixels. You can also only set the width or height to retain the original aspect ratio.

Tables

To render a table, use pipes (|) to separate columns and three or more hyphens (-) for each column header.

The example

CODE
| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

will render to:

Syntax

Description

Header

Title

Paragraph

Text

Escaping Characters

You can use backslash to escape characters which are used in the markdown syntax. E.g:

Typed input (Markdown syntax)

Rendered output

- List item

  • List item

\- List item

- List item

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.