DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:bootswrapper

Bootstrap Wrapper Plugin

Compatible with DokuWiki

  • 2024-02-06 "Kaos" unknown
  • 2023-04-04 "Jack Jackrum" unknown
  • 2022-07-31 "Igor" yes
  • 2020-07-29 "Hogfather" yes

plugin Useful plugin for add several Bootstrap components (Jumbotron, Alerts, Panels, Nav & Tabs, etc) to DokuWiki especially in combination with a Bootstrap template

Last updated on
2022-09-22
Provides
Syntax, Action
Repository
Source
Conflicts with
alertbox, caption, edittable

Useful plugin for adding several Bootstrap components (Jumbotron, Alert, Panel) to DokuWiki especially in combination with a Bootstrap template (Bootstrap3).

:!: Note: This plugin will only work with Bootstrap-compatible templates, of which the default DokuWiki template is not one.

This plugin adds to your DokuWiki, several Bootstrap components:

Installation

Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.

NOTE: This plugin require SimpleXML PHP module. You can install it using a package manager of your Linux distribution.

Run this command to check if the module is installed in your system:

php -m | grep -i simplexml

Examples/Usage

Syntax

Jumbotron

<jumbotron>
===== Hello, world! =====

This is a simple hero unit, a simple jumbotron-style 
component for calling extra attention to featured
content or information.
</jumbotron>

Panel

<panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
Panel content
</panel>

Alert

<alert type="success" icon="glyphicon glyphicon-user" dismiss="true">
**Well done!** You successfully read this important alert message.
</alert>

Text

  * <text type="muted">muted</text>
  * <text type="primary">primary</text>
  * <text type="success">success</text>
  * <text type="info">info</text>
  * <text type="warning">warning</text>
  * <text type="danger">danger</text>

Tooltip

<tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet...

Grids

<grid>
<col sm="6">.col-sm-6</col>
<col sm="6">.col-sm-6</col>
</grid>
<grid>
<col xs="12" sm="6" lg="8">.col-xs-12 .col-sm-6 .col-lg-8</col>
<col xs="6" lg="4">.col-xs-6 .col-lg-4</col>
</grid>

Thumbnail

<grid>
...
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
...
</grid>
<grid>
...
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
<caption>
=== 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.//
</caption>
</thumbnail>
...
</col>
</grid>

Well

<well>Look, I'm in a well!</well>

Button

<button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button>
<nav>
  * [[:start]]
  * [[:plugin:bootswrapper|Plugin]]
  * [[playground:playground]]
  * DokuWiki
    * [[:wiki:welcome]]
    * [[:wiki:syntax]]
</nav>

Accordion

<accordion>
<panel title="First panel">
First panel content
</panel>
<panel title="Second panel">
Second panel content
</panel>
</accordion>

Development

Build Status

Change Log

Known Bugs and Issues

Please report bugs or feature requests at the Bug tracker.

ToDo/Wish List

  • Add support to Nav
  • Improve support to Tab
  • Add support to Collapse / Accordion
  • Add support to PopupOver
  • Add support to DropDown
  • Add support to Progress Bar
  • Add support to Breadcrumbs
  • Add support to Badges
  • Add support to List Group
  • Add support to Carousel

FAQ

Discussion

Image sizes

What image sizes should we use for jumbotron background?

Jumbotron and dw2pdf

Printing the web page makes appear jumbotron. But building the PDF with dw2pdf does it not. What should I do to make it work?

Further to this, could full support for dw2pdf be added so that all the feature styles map across?

Accordion collapsible function

Hello, thank you for your plugin, it's really useful. I wondering whether there is an option to start the accordion so that all the panels are collapsed by default? Using the collapsible function the first panel in the accordion is always open and the rest is collapsed. I was thinking about a workaround with the “collapse button” function but maybe there is another way? - Thanks, Arkul

See also

plugin/bootswrapper.txt · Last modified: 2024-01-09 18:25 by Aleksandr

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki