New Template

This is a new general template which adds details on some of the newer plugins available to wiki editors. This page is as much an informational resource on the wiki's capabilities as it is an example of how to format your pages.

{{INLINETOC:width18 2-4}}

These bullet points represent the parts of a page from top to bottom.

  • Any page-wide alerts if applicable
  • The page title
  • A summary of the page
  • An inline Table of Contents if applicable
  • The main content of the page.

These elements are present in all pages, and represent the basic formatting options for the wiki.

Title and Headers

Headers can be used to create links to specific parts of a page, and will show up in the page's table of contents. Headers are created by surrounding text with = signs, and the more there are the larger the header will be. Each page supports a maximum of 6 different header sizes, and the topmost header will automatically be made into the page title.

====== Size 6 Header ======
===== Size 5 Header =====
==== Size 4 Header ====
=== Size 3 Header ===
== Size 2 Header ==
= Size 1 Header =

Text

Text can be manipulated in all sorts of ways, from changing the alignment to manually setting sizes and colors. Here's some examples in action:

Bolded Text - Italicized Text - Underlined Text - Struck Through Text - Mono-Spaced Text

All of The Above

  1. Here's an Ordered List Item
  2. Keep in mind these don't work nicely with text alignments other then left.
  • This is a bullet point
  • These also don't work with custom text alignments.

Some Orange Colored Text

XX Small Text / X Small Text / Normal Text / Large Text / X Large Text / XX Large Text

<TEXT align="left">
**Bolded Text** - //Italicized Text// - __Underlined Text__ - <del>Struck Through Text</del> - ''Mono-Spaced Text''

**//__<del>''All of The Above''</del>__//**

  - Here's an Ordered List Item
  - Keep in mind these don't work nicely with text alignments other then left.

  * This is a bullet point
  * These also don't work with custom text alignments.

<fc #ffa500>Some Orange Colored Text</fc>

<fs xx-small>XX Small Text</fs> <fs x-small>/ X Small Text</fs> / Normal Text <fs large>/ Large Text</fs> <fs x-large>/ X Large Text</fs> <fs xx-large>/ XX Large Text</fs>

</TEXT>

Columns

A page can be split into a maximum of 12 columns through the col element. You'll want to use these in conjunction with a new grid for each row of columns, else differing column sizes could cause unexpected behavior. Here's an example implementation (The ^ in each column creates a table header which adds a background and shows column sizes. These are not part of the standard column element.):

Here's a size 1 column
Here's a size 2 column
Here's a size 3 (quarter page) column
Here's a size 6 (half page) column
<grid>
<col md="1">

^  Here's a size 1 column  ^

</col>
<col md="2">

^  Here's a size 2 column  ^

</col>
<col md="3">

^  Here's a size 3 (quarter page) column  ^

</col>
<col md="6">

^  Here's a size 6 (half page) column  ^

</col>
</grid>

These are a very powerful set of plugins with a wide range of uses. One of constant things between them is the type option which determines their color. The possible options are as follows, though be advised not all of them will be accepted for all elements:

default primary success info warning danger

Documentation on all the possible implementations of this wrapper can be found here: http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper

Accordions

Useful when a large amount of vertical space is needed for something, such as skillplans. Here's an example of it in action:

Test Accordion

You can click to expand the hidden information

Here's some hidden text.

<accordion>
<panel title="Test Accordion" subtitle="You can click to expand the hidden information" type="default">

Here's some hidden text.

</panel>
</accordion>

Alerts

Alerts can be used when you want to draw attention to information on a page. Here's an example:

<alert type="warning"><TEXT align="center">

**Look here! This is important!**

</TEXT></alert>

Buttons

Buttons are basically nicer links. Their height, color, and length are all variable. Here's an example small, primary button which links to the wiki home page:

Home Page

<btn type="primary" size="sm" block="false">
[[https://wiki.bravecollective.com/start|Home Page]]
</btn>

Callouts

Callouts are similar to alerts in that they make information on a page stand out, but they do it in a less aggressive way. Here's an example of a Danger Callout:

Example Callout

Hey look, an example!
<callout title="Example Callout" type="danger">
Hey look, an example!
</callout>
  • template/new.txt
  • Last modified: 2018/10/30 03:01
  • by Aernir Ridley