skip to navigation
skip to content

Not Logged In

diazotheme.bootstrap 0.3

Plone theme based on Twitter's Bootstrap CSS

Introduction
============

Plone theme based on Twitter Bootstrap 2.0

Installation
============

Install the ``diazotheme.bootstrap`` product using the Add-on Control Panel.
This will activate the theme and also setup Plone's default ``public.css``
to only included when Diazo is enabled or when you are viewing the Theming
Control Panel. This theme includes its own ``public.css`` which had several
items from the default ``public.css`` removed.

Features
=========

* Turn your site into a pretty Bootstrap based theme, and also simplifies
  templating of customization addons.
* Portlets are converted to ``div`` elements instead of ``dl``, ``dt``, ``dd``
* ``presentation_view`` is enhanced with Google's HTML5 slides
* Included carousel portlet provides a way to display images using Bootstrap's
  carousel
* ``Products.ContentWellPortlets`` is supported, however with some modifications.

  * PortletAboveContentA will appear full width right below logo
  * PortletAboveContentB will appear full width right below breadcrumbs
  * PortletAboveContentC will appear fluid width right above content center
    column
  * PortletBelowContentA, PortletBelowContentB, PortletBelowContentC will
    appear as a 3 column portlet slots right below content and sidebar area
  * PortletBelowContentD will appear full width right below
    PortletBelowContentA, PortletBelowContentB, and PortletBelowContentC
  * PortletBelowContentE will appear right below content center column
  * All PortletFooter will appear as a 6 column slot within the footer area

* ``eea.facetednavigation`` is also supported, with some enhancements.

  * The diazo rules rewrite facetednavigation templates to take advantage of
    the responsive design.
  * If the first widget at the top widget slot is a text search widget, it will
    appear as a full width widget with a different background.

* Installing ``webcouturier.dropdownmenu`` will enhance the top navigation with
  dropdown menus.

Using Bootstrap javascripts
===========================

This product leaves plone jquery alone not to break existing functionality.
But bootstrap requires a newer jQuery version. We include the needed one renaming it to jQuery17.
If you need js functionality from bootstrap you have to use jQuery17, for instance

    $(function() {
        jQuery17('.tooltipped').tooltip()
    });

to activate the tooltip plugin on elements with the class "tooltipped".

Changelog
=========

0.3 (2012-10-13)
----------------

- Include Plone's site scripts


0.2 (2012-07-27)
----------------

- added PortletBelowContentE right below the main content
- remove styling that cause listitem to be greyish


0.1 (2012-07-24)
------------------

Initial Pypi release
 
File Type Py Version Uploaded on Size
diazotheme.bootstrap-0.3.zip (md5) Source 2012-10-13 1MB
  • Downloads (All Versions):
  • 43 downloads in the last day
  • 239 downloads in the last week
  • 578 downloads in the last month