Table of Contents
A Zimbra theme is a set of styles, images, and layouts that describe the end-user interface of Zimbra site. Our themes are completely portable and customizable for your community's experience.
To understand the relationship of a theme to your site, think of your community as a car:
- The theme includes the body style, the paint color, the layout of the interior, and the dashboard.
- The rest of the community (i.e., platform itself) includes the engine, suspension, transmission, and everything else that actually makes the car go.
A theme provides the layout for a general-purpose, Internet-based internal or external community.
A theme can be customized with changes ranging from very simple appearance changes to rewritten widget code. The default theme and its framework have been designed with customization in mind - whether you want to make simple changes that don't require developer knowledge or make large-scale site tweaks as a developer in order to meet precise specifications.
To describe the components of a theme in more technical terms, a theme consists of script files, cascading style sheet (CSS) files, images, and a theme configuration XML describing the default look and feel of the community (as well as any changes to the generic page layout and widget placement). These themes are stored in / filestorage for this release.
The widgets that appear throughout a theme are divided into three distinctive types:
- Header widgets
- Footer widgets
- Content widgets
The header widgets are configured through the UI in Zimbra Community 8.0 and appear above the configurable content area. A footer widget is similar to a header widget in that it is configured in the UI, but it renders below the configurable content area of your site. All other content widgets appear within the configurable content area which is configurable through the user interface. Widget configuration articles for each type are located in this documentation section.
All Zimbra Community 8.0 headers, footers, and content presentations included in Zimbra Community 8.0 are implemented using widgets and can be customized in the Control Panel Widget Studio with alternative HTML, CSS, and behavior. Our widgets generally follow the guidelines of this Style/Markup guide.
All style and image inclusions in Community's application themes are defined using CSS, a style-definition language that uses a hierarchy of styling options. CSS enables you to customize the theme without editing its base styles. The standard markup supports CSS targeting, enabling generic and specific styling. All default themes support adding custom CSS styling rules through the theme's configuration page in the Control Panel Dashboard (System Administration > Site Administration > Site Content > Site Theme > Custom Styles).
If you have upgraded to Zimbra Community 8.0 from either Telligent Community or Telligent Enterprise, you will still see your pre-existing site theme applied after the upgrade process is complete. For example:
This section contains the following articles: