History: Bootstrapping WikiPlugins
Preview of version: 5
As we use WYSIWYG on dev.t.o as dogfood, I am a bit puzzled, how to use this together with bootstrap. Don't get me wrong: I find WYSIWYG a very important feature marketingwise - today just a "must have". And CKE Editor seems to be state of the art, used by a lot of projects. But same time, I do not like to work with it. It simply costs a lot of extra time to fix the page layout in the html source code and the page layout never gets where I want to.
Tikis original WikiSyntax with WikiPlugin is simply much more reliable and efficient than the WYSIYG - especially once you got used to it., Torsten
Using WikiPlugins to make use of Bootstrap components
Independantly of WYSIWYG, we need a way to implement the various Bootstrap Components into Tiki without the need for our users to hack them manually in HTML.
Additionally we need a nice method to organise the content in the grid system - especially for public presentation websites. Maybe just using
{DIV(class=col-sm-3)}... content ... {DIV}
would be a bit too technical for the average user?
Though about that, we need some new or extended WikiPlugins with decent parameters, to make the Bootstrap components available with low-threshold.
Preferably we find a way to represent the Bootstrap grid (-column-) classes with obvious and easy to remember parameters, to make it easy to fit divs/elements/components into the grid.
Without a number of WikiPlugins - all very similarly structured - we might not come very much further in providing an easy to use half-self-explaining system for non-techie users.
List of WikiPlugins to either extend or newly to code:
- Buttons, Blocklevelbuttons, Dropdownbuttons
- Blockquotes
- Tables
- Forms and Inputs (more integrated in other features like tracker or jquery elements)
- Navs, Pills, Breadcrumbs, Pagination
- Indicators, Alerts (Boxes)
- Labels
- Badges with smarty elements (for ex showing numbers of members)
- Progress Bars
- Containers
- Lists
- Panels and Wells
See here an overview of the Bootstrap elements on a Tikisite - HTML coded and still with a few css errors:
bootstrapped.fabricius.me - Amelia Example
Original (non-Tiki):
bootswatch.com - Amelia Example
Basis from Twitter Bootstrap:
getbootstrap.com - Components