Mobile tools¶
The “Plone theming suite” includes the following mobile tools supported:
zettwerk.mobiletheming¶
The zettwerk.mobiletheming package, switching mobile themes based on urls using the MobileESP library to Plone 4.3.x.
The zettwerk.mobiletheming package includes:
- A Mobile theming control panel
- The GenericSetup import/export profiles
- Also provides some mobile themes packages
- Provides the
me.redirect.min.jsresource based on MobileESP library.
With zettwerk.mobiletheming add-on you can choose to apply mobile themes for various
mobile devices based on URLs in Plone.
You can enabled a mobile theming for zettwerk.mobiletheming package follow the steps:
- at the top right corner of the page click on the Admin drop down menu
- choose Site Setup
- at the Add-on Configuration
- click on Mobile theming section
- at the View tab can add a new URL ont the Hostnames row with
the
URLvalue
The Mobile theming Controlpanel.
The Default theme from zettwerk.mobile package applied look
like the following theme:
Warning
You need install and enabled the zettwerk.mobile package for see the previous theme applied.
medialog.mobilethemeOne¶
The medialog.mobilethemeOne package is a mobile theme for zettwerk.mobiletheming, that include the following Technical details:
- DOCTYPE HTML: HTML5
- Stylesheet: CSS
- JS support?: jQuery
- Web fonts?: Source Sans Pro Google Fonts
- Grid support?: Yes
- Responsive?: Yes
- CSS framework: None
- Supported versions: Plone 4
medialog.mobilethemeOne Mobile Theme.
A demo using the medialog.mobilethemeOne add-on as a reduced view for Mobile device
look like the following:
medialog.mobilethemeOne theme Demo at Mobile device.
A demo using the medialog.mobilethemeOne add-on as a reduced view for Tablet device
look like the following:
medialog.mobilethemeOne theme Demo at Tablet device.
A demo using the medialog.mobilethemeOne add-on as a reduced view for Laptop device
look like the following:
medialog.mobilethemeOne theme Demo Laptop device.
medialog.mobilethemeTwo¶
The medialog.mobilethemeTwo package is a mobile theme for zettwerk.mobiletheming, that include the following Technical details:
- DOCTYPE HTML: HTML5
- Stylesheet: CSS
- JS support?: jQuery
- Web fonts?: Source Sans Pro Google Fonts
- Grid support?: Yes
- Responsive?: Yes
- CSS framework: None
- Supported versions: Plone 4
medialog.mobilethemeTwo Mobile Theme.
A demo using the medialog.mobilethemeTwo add-on as a reduced view for Mobile device
look like the following:
medialog.mobilethemeTwo theme Demo at Mobile device.
A demo using the medialog.mobilethemeTwo add-on as a reduced view for Tablet device
look like the following:
medialog.mobilethemeTwo theme Demo at Tablet device.
A demo using the medialog.mobilethemeTwo add-on as a reduced view for Laptop device
look like the following:
medialog.mobilethemeTwo theme Demo Laptop device.
medialog.mobilethemeThree¶
The medialog.mobilethemeThree package is a mobile theme for zettwerk.mobiletheming, that include the following Technical details:
- DOCTYPE HTML: HTML5
- Stylesheet: CSS
- JS support?: jQuery
- Web fonts?: Source Sans Pro Google Fonts
- Grid support?: Yes
- Responsive?: Yes
- CSS framework: None
- Supported versions: Plone 4
medialog.mobilethemeThree Mobile Theme.
A demo using the medialog.mobilethemeThree add-on as a reduced view for Mobile device
look like the following:
medialog.mobilethemeThree theme Demo at Mobile device.
A demo using the medialog.mobilethemeThree add-on as a reduced view for Tablet device
look like the following:
medialog.mobilethemeThree theme Demo at Tablet device.
A demo using the medialog.mobilethemeThree add-on as a reduced view for Laptop device
look like the following:
medialog.mobilethemeThree theme Demo Laptop device.