Loading

Formatting help

You can enter any text by typing them in on any cards or wiki edit pages.

enter text

See below to learn how to format your texts or tables.

Formatting text

Bold text

To bold text, select the text and click on the toolbar icon

Bold text toolbar icon
The third *word* in this sentence is bold

Preview

bold text preview

Italicize text

To italicize text, select the text and click on the toolbar icon

Italicize text toolbar icon
The third _word_ in this sentence is italicized

Preview

italicized text preview

Underline text

To underline text, select the text and click on the toolbar icon

Underline text toolbar icon
The third +word+ in this sentence is underlined

Preview

underlined text preview

Strike-through text

To strike-through text, select the text and click on the toolbar icon

Strike-through text toolbar icon
The third -word- in this sentence is struck-through

Preview

struck-through text preview

Color text

To change the color of text, select the text and click on the toolbar icon

Color text toolbar icon
            The third %{color:red}word% in this sentence is red
            The third %{color:#FF0000}word% in this sentence is red
        

Preview

colored text preview

The default color is red, to change the color either replace "red" in the markup with one of the other 16 web colors. W3C has listed 16 color names that will validate with any HTML validator. The color names are: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. There are 150 cross browser color names you can use in addition.

You can otherwise type in a hexadecimal color value, as shown in the second line of markup.

Apply heading level

To apply header styling to a line of text, select the line and click on the appropriate heading level icon

Heading text toolbar icons
            
            h1. This line is H1 heading
            
            h2. This line is H2 heading
            
            h3. This line is H3 heading
            
        

Preview

heading text preview

For a heading style to be applied there must be a blank line both above and below the line you're styling. If the preview looks like this:

h1. This line is H1
heading then you probably don't have the necessary blank lines.

Create bulleted list

To create a bulleted list, select the rows that will comprise the list and click on the toolbar icon

Bulleted list toolbar icon
            * list item one
            * list item two
            * list item three
        

Preview

bulleted list preview

Create numbered list

To create a numbered list, select the rows that will comprise the list and click on the toolbar icon

Numbered list toolbar icon
            # list item one
            # list item two
            # list item three
        

Preview

numbered list preview

Right indent text

To right indent text, select the text to be indented and click on the toolbar icon as many times as you want the text to be indented (each click adds a level of indentation rightwards)

Right indent toolbar icon
            
            p(. right indent once
            
            p((. right indent twice
            
            p(((. right indent three times
            
        

Preview

right indent preview

For right indenting to be applied there must be a blank line both above and below the lines you're styling. If the preview looks like this:

p(. right indent once
heading then you probably don't have the necessary blank lines.

Left indent text (Outdent)

To left indent (outdent) text, select the text to be indented and click on the toolbar icon as many times as you want the text to be outdented (each click removes a level of right indentation)

Left indent toolbar icon
            p. a fully outdented line
        

Preview

left indent preview

Left indenting has no effect except to remove a level of right indentation. Once there are no levels of right indentation remaining, the text will just remain left justified.

Inline images

To show images inline, attach the image to the card or wiki page and use the following markup:

Inline image toolbar icon
            
            !imagename!
            
        

Preview

image preview

If the image is attached to another card or page in Mingle you can use the following markup: !#card number/imagename! e.g. !#1/Picture_1.png! or !page name/imagename! e.g. !QA Central/Picture_1.png! to display them.

Inline links

To show links inline, use the following markup:

External url toolbar icon
            
            "name":url
            
        

Preview

External url preview

If you want to link to an attachment on the card or wiki page in Mingle you can use the following markup: [[#card number/filename] e.g. [[#1/Mingle.txt]] or [[page name/filename]] e.g. [[QA Central/Mingle.txt]]

Formatting tables

Markup
FormattingMarkupPreview
Simple table
            |a|table|row|    
            |b|table|row|
          
Preview - a simple table with two rows and three columns
Table with header row
            |_. Name |_. Age |_. Sex |
            | Joan | 24 | f |
            | Archie | 29 | m |
            | Bella | 45 | f |
          
Preview - a table with a header row
Table header spanning multiple columns
            |\2. Spans two columns |
            | Column 1 | Column 2 |
          
Preview - a table with header spanning two columns
Table cell spanning multiple rows
            |/3. Spans 3 rows | a |
            | b |
            | c |
          
Preview - a table with a cell that spans three rows