Theme package for OneGov
Python CSS HTML JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
docs Updated Changelog file May 13, 2018
plonetheme
.gitignore Add sass-watcher script with some hints about how to install it. Sep 5, 2013
MANIFEST.in Created package for onegov theme. Jul 5, 2013
README.rst Update Readme with upgrade Info. Feb 9, 2017
bootstrap.py Updated bootstrap.py Nov 7, 2014
development.cfg Drop Plone 4.2 compatibility. Sep 20, 2013
setup.py
sources.cfg Remove ftw.mobilnavigation branch from auto checkout. Feb 24, 2015
test-plone-4.3.x.cfg Implement a cached and fast flyoutmenu. Aug 25, 2016

README.rst

plonetheme.onegov

This is the default theme for all OneGov Plone modules (http://onegov.ch).

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_onegov.png

Important this package doesn't work with python 2.6, it requires at least python 2.7

Version 3.x introduces several major changes. Including a change of the default font-size to 16px. If you're going to upgrade the package from Version 2.1.x to 3.x, please do it first on a TEST environment. Changing the font-size may have a huge impact.

Usage

  • Add plonetheme.onegov to your buildout configuration:
[instance]
eggs +=
    plonetheme.onegov
  • Install the generic import profile.

Features

  • Customize styles in control panel.
  • Responsive design for tablets and smartphones
  • Special path bar with children

Layout customizations

Theme is SCSS based and styles most things with variables which can easily be customized in a control panel.

Just visit the customization view: http://localhost:8080/Plone/customstyles_form

Here are some examples how the Layout can be customized:

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_zg_ch.png

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_menzingen.png

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_custom.png

Additional SCSS

You can easily register custom SCSS files in your addon package using ZCML, if you need to customize more than available through the web:

<configure
    xmlns:theme="http://namespaces.zope.org/plonetheme.onegov">

    <include package="plonetheme.onegov" />
    <theme:add_scss path="resources/custom.scss" />

</configure>

The SCSS files can also be restricted to a specific context interface or a specific request layer. Be aware that the context interface applies to the context the styles are rendered on, which is either the Plone site root or an INavigationRoot object.

<configure
    xmlns:theme="http://namespaces.zope.org/plonetheme.onegov">

    <include package="plonetheme.onegov" />
    <theme:add_scss
        path="resources/custom.scss"
        for="my.package.interfaces.ISubsite"
        layer="my.package.interfaces.IMyPackageLayer" />

</configure>

Flyout navigation

This theme comes with a flyout navigation. If you click on an element in the global navigation you get the children as a flyout navigation and also a link to go 'direct to' the element you clicked on. This behavior can be disabled in the plone.app.registry, using the setting plonetheme.onegov.flyout_navigation.

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_flyout_navigation.png

Special path bar

For another fast way to navigate between content, this theme includes a special path bar, which shows the breadcrumb's children. This behavior can be disabled in the plone.app.registry, using the setting plonetheme.onegov.flyout_breadcrumbs.

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_flyout_breadcrumbs.png

Special filter form

This Theme provides an alternativ search/filter mockup. The Implementation needs to be done by yourself. For an example check the Solr search form of zg.ch.

https://raw.github.com/OneGov/plonetheme.onegov/master/docs/screenshot_filter.png

Print

Known issue page-break in WebKit https://bugs.webkit.org/show_bug.cgi?id=5097

Links

Copyright

This package is copyright by 4teamwork.

plonetheme.onegov is licensed under GNU General Public License, version 2.