Help:Formatting

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

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

[http://www.google.com Link to external site] Link to external site

Images

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

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

HTML Tables

Code:

<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
<th>Heading 4</th>
<th>Heading 5</th>
</tr>
<tr>
<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>
</tr>
</table>

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. Try double-clicking on the equation to see a larger view.

File Uploads

Link to the wiki page that contains a link to download

Usage: [[File:sample.doc|This is a Microsoft Word document]] 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}}

Examples

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)

Tooltips

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

Examples

Something

A Link

Popovers

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

Example: This is a popover