Simple Mobile Skin

Version 24.1 by Ludovic Dubost on 2012/02/17 11:39

cogSimple Mobile Skin
TypeSkin (filesystem)
Category
Developed by

Ludovic Dubost

Rating
0 Votes
LicenseGNU Lesser General Public License 2.1

Installable with the Extension Manager

Description

This is a simple mobile skin for mobile phones or tablets. The principle is to show in view mode the content of a page by using the most of the screen real estate for the content. By default the panels and comments tabs are hidden but are accessible using links and a new drop down menu allows to display the QuickLinks panel.

New version of the Mobile Skin Prototype. It now provides:

- view skin
- new new dropdown menu with the quicklinks panel
- login/logout
- edit wiki and wysiwyg
- redirector now for iPhone, iPad, Androir and IEMobile

The skin has been tested in view on IPhone, iPad and IEMobile and in edit in wysiwyg on the iPad.

xwikimobileskin.png

The skin supports Wysiwyg on the iPad:

xwikimobileskinwysiwyg.png

and even full screen editing

xwikimobileskinwysiwygfullscreen.png

A second skin is provided to include automatic redirection to the mobile skin when a user comes from a mobile device (here ipad, iphone, android and IEMobile)
Links are added in the footer to allow to permanently switch to the mobile or normal skin.

mobileskin2.png

Prerequisites & Installation Instructions

  • If the skin is packaged in a ZIP file, unzip it into the skins/ directory inside your expanded XWiki WAR directory. 
  • If the skin is packaged as a XAR file, import the XAR in your wiki.
  • Then check the Skin User Guide to learn how to set the skin.

Import the XAR. 2 Wiki pages are provided:

  • XWiki.MobileRedirectorSkin
  • XWiki.MobileSkin

You should set the XWiki.MobileRedirectorSkin as you skin, or integrated the changes from this skin in your own skin if you have a custom skin. The changes are in the view and footer template. These changes allow the redirector to the mobile skin when a Mobile device is detected.

If you want to test the MobileSkin without activating the mobile redirector skin, you can just add ?skin=XWiki.MobileSkin to your URL.

A file system based version of the skin is also provided for XWiki Enterprise Manager setups. To install this one, unzip xwiki-mobileskin-0.2.zip into webapps/xwiki/skins/ and then setup "redirector" as your skin in all your wikis or in xwiki.cfg.

Release Notes

v0.3

Style changes for the header and menu (adding background, action icons, added logo, changed breadcrumbs location)
xwiki-simplemobileskin-0.3.png

v0.2

New version of the Mobile Skin Prototype. It now provides:

- view skin
- new new dropdown menu with the quicklinks panel
- login/logout
- edit wiki and wysiwyg
- redirector now for iPhone, iPad, Androir and IEMobile

The skin has been tested in view on IPhone, iPad and IEMobile and in edit in wysiwyg on the iPad.

v0.1

This is a prototype

Tags: skin
    

Get Connected