Templates
Stars
| Evaluare |
|---|
 |
 |
| |
 |
| |
| |
| |
| |
 |
| |
Note
Bootnote
Note: - your note
Link: web - display a note with an globe sign.
Question: question - display a note with question sign.
To Know: learn - display note with an education sign.
To Know: tip - display note with an education sign.
Warning: warning - display a note with a warning sign.
Important: critical - display a note with a fire sign.
Important: important - display a note with a fire sign.
Bootstrap Wrapper
Macros
Clear the float Add a page break
Accordion
Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Collapsible Group Item #2
[…]
Collapsible Group Item #3
[…]
Affix
Affix
Scroll the page!
Attribute Default Value offset-top optional Offset from top of target (in px|em|%) offset-bottom optional Offset from bottom of target (in px|em|%) position-top optional Top position of Affix element (in px|em|%) position-bottom optional Bottom position of Affix element (in px|em|%) position-left optional Left position of Affix element (in px|em|%) position-right optional Right position of Affix element (in px|em|%) target Window Document Target element (eg. #dokuwiki__site)
Alerts
Name Default Values Description dismiss optional true Create a dismissible alert icon optional Font icon class (eg. Glyphicon or Font-Awesome) type info success info warning danger Type of alert
Badges
Inbox 42
Buttons
Callouts
Default Callout
This is a default callout.
Default Callout
This is a default callout.Custom color + icon
This is callout with custom color (blue) and icon (fa fa-user).Attribute Default Value Allowed Values Description color W3C Color name (eg. blue, orange, etc) or HEX (eg. #FF3300, #777) Color of callout icon true or icon class from Glyphicon or FontAwesome (eg. fa fa-plus) Icon of callout title Title of callout type default default primary success info warning danger (question tip) Type of callout question and tip are available only for icon attribute.
Carousel
Third slide label
Nulla vitae elit libero, a pharetra augue mollis interdum.
First slide label
Nulla vitae elit libero, a pharetra augue mollis interdum.
Second slide label
Nulla vitae elit libero, a pharetra augue mollis interdum.
Attibute Type Default Value Description interval number 5000 The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle. keyboard boolean true Whether the carousel should react to keyboard events. pause string hover Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave. wrap boolean true Whether the carousel should cycle continuously or have hard stops.
Collapse
Grids
Note: Instead of grid you can use row alias.
Attribute Description xs Column size (1 ~ 12) sm Column size (1 ~ 12) lg Column size (1 ~ 12) md Column size (1 ~ 12)
Image
Attribute Allowed Values Description shape rounded, circle, thumbnail Image shape
Jumbotron
Hello, world!
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
Lorem ipsum!
Lorem ipsum dolor sit amet, […]
Attribute Description background Background URL or DokuWiki Media link (eg :wiki:logo.png) color Color name or HEX (eg. #ffffff) of text
Labels
default primary success info warning danger
Attribute Default Value Allowed Values Description type info default, primary, success, info, warning, danger Type of label icon optional Font icon class (eg. Glyphicon or Font-Awesome)
Lead
List Group
Modal
Name Default Values Description backdrop true true false static Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click. dismiss true true false Display a dismiss button fade false true false Enable the fade animation id NULL Modal ID (see Buttons) keyboard true true false Closes the modal when escape key is pressed remote NULL Display DokuWiki pages inside a Modal window show false true false Shows the modal when initialized size NULL sm lg Modal size with title NULL Modal title
Navs (Tabs & Pills)
- File
- ?
Foo
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Bar
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Tables
DokuWiki supports a simple syntax to create tables.
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | some colspan (note the double pipe) | |
| Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 |
Table rows have to start and end with a | for normal rows or a ^ for headers.
^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 | | Row 2 Col 1 | some colspan (note the double pipe) || | Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 |
To connect cells horizontally, just make the next cell completely empty as shown above. Be sure to have always the same amount of cell separators!
Vertical tableheaders are possible, too.
| Heading 1 | Heading 2 | |
|---|---|---|
| Heading 3 | Row 1 Col 2 | Row 1 Col 3 |
| Heading 4 | no colspan this time | |
| Heading 5 | Row 2 Col 2 | Row 2 Col 3 |
As you can see, it's the cell separator before a cell which decides about the formatting:
| ^ Heading 1 ^ Heading 2 ^ ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | ^ Heading 4 | no colspan this time | | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 |
You can have rowspans (vertically connected cells) by adding ::: into the cells below the one to which they should connect.
| Heading 1 | Heading 2 | Heading 3 |
|---|---|---|
| Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 |
| Row 2 Col 1 | Row 2 Col 3 | |
| Row 3 Col 1 | Row 2 Col 3 |
Apart from the rowspan syntax those cells should not contain anything else.
^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 | | Row 2 Col 1 | ::: | Row 2 Col 3 | | Row 3 Col 1 | ::: | Row 2 Col 3 |
You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text.
| Table with alignment | ||
|---|---|---|
| right | center | left |
| left | right | center |
| xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
This is how it looks in the source:
^ Table with alignment ^^^ | right| center |left | |left | right| center | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx |
Note: Vertical alignment is not supported.
Attribute Default Value Allowed Values Description type pills tabs, pills Type of nav stacked optional true Stacked nav items justified optional true Justify nav items fade optional true Enable fade effect on tabs
Page header
Example page header
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Panels
Basic panel example
Panel title
Panel content
Panel title
Panel subtitlePanel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Panel title
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Panel title
Panel title
Panel subtitlePanel content
Attribute Default Value Allowed Values Description type default default, primary, success, info, warning, danger Type of panel title optional Title of panel subtitle optional Subtitle of panel icon optional Font icon class (eg. Glyphicon or Font-Awesome) no-body optional Don't add a panel body. Useful to add other particular tags (or tables) inside a panels
Popovers
Dismissible Popover
Name Default Values Description animation true true false Apply a CSS fade transition to the popover content NULL The content value delay delay-show delay-hide 0 Delay showing and hiding the popover (ms) - does not apply to manual trigger type If a number is supplied, delay is applied to both hide/show. html false true false Insert DokuWiki syntax into the popover placement right top bottom left right auto How to position the popover. When auto is specified, it will dynamically reorient the popover. For example, if placement is auto left, the popover will display to the left when possible, otherwise it will display right. title NULL The title value trigger click click hover focus manual How popover is triggered. You may pass multiple triggers; separate them with a space. manual cannot be combined with any other trigger.
Progress Bar
Attribute Default Value Allowed Values Description animate optional true Animate the progress bar showvalue optional true Display current value of progress bar striped optional true Add a striped effect to progress bar type info success info warning danger Type of progress bar
Text
Lowercased text. Uppercased text. Capitalized text.
muted primary success info warning danger
primary success info warning danger
Attribute Allowed Values Description align left right center, justify nowrap Text align background primary success info warning danger Contextual background of text size medium xx-small x-small small large x-large xx-large smaller larger length (%, em, px, etc.) Text sizes transform lowercase uppercase capitalize Text transformation type muted primary success info warning danger Contextual color of text
Thumbnails
…
DokuWiki
DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.
…
Tooltips
Lorem ipsum dolor sit amet…
Attribute Default Value Allowed Values Description title required Title of tooltip location top top, bottom, left, right, auto Location of tooltip html false true, false Enable DokuWiki syntax inside the title
Wells
Attribute Default Value Allowed Values size optional sm lg Size of well
