Loading...
 
Skip to main content

History: Bootstrap - Smarty Templates

Preview of version: 6

Templates

Templates are .tpl files written in Smarty and HTML where the default divs and elements are defined. In the .tpl files the Ids and classes (css selectors) are named.Template files define the Layout of the website, but they do not "care" about actual measurements, colors or any other style definitions. For style definitions see .css themesThis page(s) refer to the structure of the templates directories and to the content of the .tpl files, in specific the necessary changes of structure and content to meet the Bootstrap requirements.We will have to review a whole lot of Tiki's ~800 .tpl files to make it fit for Bootstrap.

Basic page layout

Bootstrap grid divs have been added to templates/layouts/<layoutname>/layout_view.tpl. The columns on the right and left side of the page that have been traditionally the left and right side columns are now positioned by Bootstrap, and will move below the center column in smaller device views. There are several "layoutnames", with each providing a different layout. These will be documented and added to later.

All layout is handled by Bootstrap; Tiki's former method (lite.css) is no longer used.

Prior to Tiki 13, the Theme Control feature allowed assigning of different themes to specific Tiki objects. This ability needs to be described for Tiki 13.

Also, things like column widths could be changed via the theme stylesheet, but now the Bootstrap grid is hard-coded in the layout_view.tpl file, so a method is needed for changing the layout_view.tpl being used from the front end (that is, other than by using Look and Feel admin). Documentation is needed here.

Smarty template modification

Bootstrap div classes are being added to Tiki's .tpl files to provide Bootstrap layout and styling to the page features, for example, for buttons, tabs, and tables.

Modules

The module zones are Bootstrap row divs, so modules need to be able to be assigned column width classes. (Actually only the horizontal module zones should be class="row".) A module with a Bootstrap grid class will behave as other layout columns, being the specified width and behaving responsively.

Alias

BS tpl

History

Advanced
Information Version
Mon 21 of Apr, 2014 10:19 GMT-0000 Gary Cunningham-Lee 7
View
Mon 21 of Apr, 2014 10:16 GMT-0000 Gary Cunningham-Lee Updated and simplified. 6
View
Tue 05 of Nov, 2013 02:17 GMT-0000 Torsten Fabricius ML asked to rename for the purpose of SEO optimisation 5
View
Thu 31 of Oct, 2013 21:58 GMT-0000 Torsten Fabricius templates should be enough for today 4
View
Thu 31 of Oct, 2013 21:25 GMT-0000 Torsten Fabricius work in progress 3
View
Thu 31 of Oct, 2013 21:08 GMT-0000 Torsten Fabricius halfway ... am at specific layout now 2
View
Tue 29 of Oct, 2013 02:26 GMT-0000 Torsten Fabricius start templates page 1
View