How do I ...

  See also MediaWiki versus Tiki

get help?

On your editing toolbar, you'll find a friendly help icon, just click it. You get help on general wiki syntax, and the various edit plugins, like DIV, BOX, etc.

insert non-breaking space?

Use this:

~hs~

put comments on the page?

Insert tags like this:

~tc~comment~/tc~

tc stands for Tiki comment. Use the button to quickly add a comment.

Use indentation?

There's several ways of using indentation in Tiki: This code:

not indented
;Title:indented text

gives: not indented

Title

indented text

  You can also indent without having a title:

not indented
;:indented text

not indented

indented text

  A section can be indented using the linebreak tags ( %%% ) with the indent tags ( ;: ):

not indented
;:Lorem ipsum%%%and a lot of other%%%text in a blockquote

not indented

Lorem ipsum
and a lot of other
text in a blockquote

  Same linebreak tags ( %%% ) can be used in a table or list: In a list:

*one%%%First line under one%%%Second line under one.
*two%%%A line under two.
*three

• one
  First line under one
  Second line under one.
• two
  A line under two.
• three

  In a table:

||one|two|three%%%and some line here%%%and another line
four|five%%%under five|six
seven|eight|nine||

  The reason why the linebreak tag is needed in a table is that a normal linebreak starts a new row.

create a simple box?

The following syntax:

^Text in a box^

produces this:

insert an image?

Click the button and either upload a new image or browse the image gallery. Then click the image to insert it into the text. You should get something like this:

{img fileId="1634" thumb="y" alt="" rel="box[g]"}

  You can either manually adjust the properties of the image, or select the image tag and click the icon to bring up the image tag editor. Common properties for an image:

  So if you wanted a image with a width of 300 and floated to the left, you could do:

{img fileId="1634" imalign="left" width="300"}

  Using the IMG syntax for the same:

{IMG(fileId="1634",width="300",imalign="left")}{IMG}

  See also insert a thumbnail image.

insert a thumbnail image?

Click the icon, browse or upload an image, then click the image. Voilá: you have a thumbnail image. You can set additional properties, like alt, width, etc.

Tibor: Tale of a Kind Vampire

{IMG(src="img/wiki_up/Tibor_title.jpg",
  thumb="y", 
  button="y",  
  rel="box[g]",
  stylebox=border,
  width="300",
  align="right",
  title="Tibor: Tale of a Kind Vampire by Cateia Games", 
  desc="Tibor: Tale of a Kind Vampire")}
{IMG}

  rel="box[g]" is important. Otherwise you won't get the fancy Lightbox effect. title is both the tooltip displayed upon mouseover, but also the title in the Lightbox. desc is the description text on the image box.

insert code?

Click the button and fill out the Insert Code dialogue, or write it by hand:

{CODE(wrap="1" colors="c++")}
// some code this is
std::cout << 'the code' << std::endl;{CODE}

// some code this is
std::cout << 'the code' << std::endl;

NaV Always use wrap="1" in code boxes. Otherwise you'll (probably) find the page layout ruined after inserting a lengthy bit of code. Geshi, the engine serving the pretty code, is capable of highlighting most languages. Valid color parameters are: c++/cpp, c#, vbnet, python, cmake, povray, winbatch, bash, xml, ini, make Visit Geshi for the complete list, or view a list of languages here (click the plus sign to open):

give a page a description?

Go into 'edit mode'. Enter the 'Properties' tab. And find the 'Description' textbox. Enter a short, descriptive (do'h) description and save the page. Keep in mind that the descriptions are also used for link descriptions on various overview pages, like on the Tutorials page. Hover your mouse pointer over the link to see the description rendered as a HTML title. ;)

make a title bar?

The following syntax:

-=Title=-

produces this:

make a multi-paged page?

By using this:

...page...

It's three dots, the word 'page' and three dots. (Not demonstrated here, for obvious reasons)

insert a HTML tag?

You can't do this directly, but you can using the Tag edit plugin, like this:

{TAG(tag="small")}Small text{TAG}

Gives you this: Small text For 'small', it's better to use a DIV tag and the appropriate css class. In this case, the class 'Small':

{DIV(class="Small")}text{DIV}

  See Small on the Styles page.

add a new page to a structure?

On the structure header: enter the name of the new page, and click the 'Add Page' button. If you want the new page to be a child of the page you're currently on, be sure to check 'Child'

add an existing page to a structure?

1. On the structure header, click the structure view button:
2. In the structure view, click on the page link where you want the page to be added (it will be added after that page).
3. Select the page in the list of pages - would be a good idea to use the Filter option; just enter the name of the page there.
4. Select the page in the page listbox and click 'Update'.
5. The page should be added to the structure.

  You might need to promote/demote the page, or move it up/down.

move a page in a structure?

1. Click the structure layout view icon on the structure header:
2. Use the arrow buttons in the structure view ( )
3. If you need to move it far, it would probably be faster to remove the page from the structure.
4. You then select a page in the structure tree, and it will be added after that.

make a page a child of another page in a structure?

1. Enter the structure layout view by clicking the icon in the structure header.
2. If the page is just after the page you want to be a parent, just use the demote button ( ).
3. If it's not, move it around - and then demote it.

See also

Styles Tiki - Using Wiki Pages