Loading...
 
Skip to main content

History: Bootstrapping WikiPlugins

Preview of version: 3

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
 



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
Copy to clipboard
{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



 


 


 

History

Advanced
Information Version
Mon 03 of Apr, 2023 03:45 GMT-0000 Gary Cunningham-Lee Categorized as Archived (Registered users only) due to outdated information. 9
View
Mon 13 of Jun, 2016 05:56 GMT-0000 Gary Cunningham-Lee URL changed to fix 404 error. 8
View
Tue 05 of Nov, 2013 02:33 GMT-0000 Torsten Fabricius ML asked to rename for the purpose of SEO optimisation %%% should be finished now %%% thx for patience 7
View
Sun 03 of Nov, 2013 04:16 GMT-0000 Torsten Fabricius restructured page 6
View
Fri 01 of Nov, 2013 00:00 GMT-0000 Torsten Fabricius arrrgs -- sorrry :-) 5
View
Thu 31 of Oct, 2013 23:59 GMT-0000 Torsten Fabricius page layout always kind of crashes ... unintentional added <p> tags mostly and swallowed text or syntax snippets - hate it 4
View
Thu 31 of Oct, 2013 23:39 GMT-0000 Torsten Fabricius syntax swallowed by WYSIWYG 3
View
Thu 31 of Oct, 2013 23:37 GMT-0000 Torsten Fabricius page style 2
View
Thu 31 of Oct, 2013 22:56 GMT-0000 Torsten Fabricius maybe enough for todaywith wikiplugin code? 1
View