cogSimple Mobile Skin
TypeSkin (filesystem)
CategorySkin
Developed by

Ludovic Dubost, Ecaterina Moraru (Valica)

Rating
Rate!
0 Votes
LicenseGNU Lesser General Public License 2.1
Compatibility

Tested with XWiki 2.7 and 3.2, 3.3, 3.4
Tested with iOs on iPhone and iPad, Android, Windows Mobile 7.5

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
- redirector now for iPhone, iPad, Android and IEMobile
- edit wysiwyg is included but is reported as not working in many cases

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

mobileskin.png

There is a drop down menu to access the QuickLinks panel:

mobileskin-menu.png

The skin supoprts editing in Wiki mode:

mobileskin-edit.png

and even full screen editing

mobileskin-fullscreen.png

The skin has Wysiwyg but it's reported to now work properly in most cases. Some testing is needed:

mobileskin-wysiwyg.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

The XWiki.XWikiSkins export is provided for those that want to modify the wiki page skin.

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.4

Adjustement on the new styling. Menu button moved to the left to be accessible from the thumb.
Icon size adjustement to be bigger on the iPhone. Removal of the title zone to win more space.
This version is also available as a file system skin for XEM installations.

v0.3

Style changes for the header and menu (adding background, action icons, added logo, changed breadcrumbs location)

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
Created by Ludovic Dubost on 2012/01/28 17:36
    

Get Connected