This site has been archived and you can no longer log in or post new messages. For up-to-date community resources please visit ezplatform.com

eZ Community » Learn » eZ Publish » Building mobile browser and hybrid...

Building mobile browser and hybrid applications with eZ Publish

Thursday 07 July 2011 3:29:13 pm

  • Currently 5 out of 5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5

Setting-up the design

When building a mobile interface, there are three key ingredients: context, information architecture, and visual design. This section focuses on visual design. It explains how to create an eZ Publish design extension, to be used by the mobile siteaccess.

Design extension

A mobile web interface design consists of HTML, stylesheets, images that are not a part of the content, and so on. Let’s look at how to create an eZ Publish design extension.

  1. In the “extension” directory of eZ Publish, create the following directory structure:
    mobile
     | - design
     | | - mobile
     | | - images
     | | - javascript
     | | - override
     | | - stylesheets
     | | - templates
     | - settings
  2. In the extension/mobile/settings directory, create a file “design.ini.append.php” with the following contents:
    <?php /*
    [ExtensionSettings]
    DesignExtensions[]=mobile
    */ ?>
  3. Edit the settings/override/site.ini.append.php file to activate the extension in the [ExtensionSettings] block:
    ActiveExtensions[]=mobile
  4. Clear all the caches!
 
36 542 Users on board!

Tutorial menu

Printable

Printer Friendly version of the full article on one page with plain styles

Author(s)

Proudly Developed with from