This page contains an overview of code elements that can be used to style content within the wiki.

Basic Design Elements

'''Bold text''' Bold text

''Italic text'' Italic text

'''''Bold Italic text''''' Bold Italic text

[[Link to internal page]] Link to internal page

[ Link to external site] Link to external site


To left align an image: [[Image:example.png|Alt Tag|left]]

To right align an image: [[Image:example.png|Alt Tag|right]]

HTML Tables


<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
<th>Heading 4</th>
<th>Heading 5</th>
<td>Row 1-1</td>
<td>Row 1-2</td>
<td>Row 1-3</td>
<td>Row 1-4</td>
<td>Row 1-5</td>
Heading 1 Heading 2 Heading 3 Heading 4 Heading 5
Row 1-1 Row 1-2 Row 1-3 Row 1-4 Row 1-5
Row 2-1 Row 2-2 Row 2-3 Row 2-4 Row 2-5
Row 3-1 Row 3-2 Row 3-3 Row 3-4 Row 3-5

Math / Equations

Usage: \(A_{sv} = (A_{sd} * Sn_w) - I_{vol}\)

Output:\[A_{sv} = (A_{sd} * Sn_w) - I_{vol}\]

Construct equations using LaTeX. More indepth instructions and example can be found here.

File Uploads

Link to the wiki page that contains a link to download

Usage: [[File:sample.doc]] Example: File:Sample.doc

Link directly to the document

Usage: [[media:sample.doc|This is a Microsoft Word document]] Example: This is a Microsoft Word document

Bootstrap specific design elements

Alert Messages

Usage: {{alert|This is your message|alert-danger}}


Warning: This is an alert message! (alert-danger)
Caution: This is an alert message! (alert-warning)
Green Infrastructure: This is an alert message! (alert-success)
Information: This is an alert message! (alert-info)


Usage: {{tip|Something|This is the tooltip!}} or {{tip|[[A Link]]|This is the tooltip!}}



A Link


Usage: {{pop|This is a popover|Popover Title|Popover Content}}

Example: This is a popover