Rating: No reviews yet
Downloads: 1186
Change Set: 8cf36a2b9d30
Released: Dec 14, 2014
Updated: Dec 14, 2014 by joedavis
Dev status: Stable Help Icon

Recommended Download

Application i7MEDIA-Mocha-v1_3.zip
application, 2080K, uploaded Dec 14, 2014 - 361 downloads

Other Available Downloads

Source Code i7MEDIA-Mocha-v1_0_1
source code, 1980K, uploaded Oct 23, 2012 - 111 downloads
Application i7MEDIA-Mocha-v1_0_2.zip
application, 1992K, uploaded Oct 25, 2012 - 714 downloads

Release Notes


Mocha is the second in a series of template skins developed by i7MEDIA for mojoPortal. The first, Swift Blue, is Mocha's sister skin. Like Swift Blue, Mocha was created with semantics-friendly HTML5 Markup and utilizes many of mojoPortal's awesome customization features to achieve this with as little work for the user as possible. For instance, all blog posts are automatically wrapped in Articles and the blog Nav is automatically wrapped in an Aside. The user can post like they normally would without worrying about semantics, and their posts will be wrapped in HTML5 Markup for them!

As with all i7MEDIA Skins, Mocha has detailed style for every feature found in mojoPortal, most notably for the Event Calendar, Event Calendar Pro, Blog, Forums, Feed manager, and jPlayer Media Players.


View a live demo of Mocha. Not only does the demo show you the potential of Mocha, it provides you with valuable documentation to help make your use of the skin successful!

Using Mocha


Before installing, please make sure you that your mojoPortal site meets the following requirements.
  • mojoPortal or higher
  • .NET 4.0


After downloading Mocha, follow these instructions to install it on your mojoPortal site:
  1. Sign in as administrator on your site and hit "administration" in the admin bar.
  2. Click the "advanced tools" icon/button.
  3. Click "Design Tools".
  4. Click "Skin Management".
  5. Click "browse" and select the "i7media-mocha.zip" file in the skin package on your computer.
  6. Return to "administration", then hit "site settings".
  7. Select "i7media-mocha" from the "skin" drop down list.
  8. Hit save.
Alternatively, you can manually unzip and copy the "i7media-mocha" folder in your skin package to the \Data\Sites\[SiteNumber]\Skins directory of your mojoPortal intallation, then select from the skin drop down list in site settings.


The skin download includes a readme file which documents the features of the skin. More documentation can also be found on the Mocha demo site.


Mocha is provided free-of-charge and shared under a Creative Commons - Attribution 3.0 license.

You can purchase a license for permission to remove the i7MEDIA branding from the skin.


i7MEDIA will help you with the skin if you encounter any issues. To ask for assistance or report a bug, please see the Mocha Online Documentation.

Reviews for this release

No reviews yet for this release. (Previous release: 5 stars out of five with 1 rating and 1 review)