ERModernLook Overview

ERModernLook is a modernized DirectToWeb look.

ERModernLook Frameworks

• ERModernLook - contains the standard look page templates
• ERModernDefaultSkin - contains the css and style resources
• ERModernDirectToWeb - contains modernized versions of components from ERDirectToWeb

ERModernLook Applications

• ERModernMoviesDemo - a demo application based on the ERMoviesLogic framework

Features

ERModernLook was designed with the following featurs in mind:

• Tableless semantic markup - tables are used but only for tabular data (i.e: list pages).
• Uses the Ajax framwork to supply pragmatic ajax behaviour.
  • When paginating
  • When switching inner page tabs.
  • In-line editing of related objects.
• CSS inspired by: "Object-oriented CSS" (http://www.slideshare.net/stubbornella/object-oriented-css)
• CSS and style resource are located in a separate skin framework making customizing easier.
• All buttons/background images are references via CSS and are contained in the skin framework.
• Enhanced edit relationship page that is embeddable and supports in-line object editing and creation.
• Enhanced edit date component based on
• Professionally designed default skin.

Getting Started

The easiest way to get started is to watch the demo videos available from wocommunity.org and then run and play with the ERModernMoviesDemo application. ERModernMoviesDemo uses the ERMoviesLogic framework which has an embedded H2 database and shouldn't require any configuration to get running.

The ERModernMoviesDemo can easily be copied and modified to use any business logic framework.

• Modify the NavigationMenu.plist to customize the main menu.
• Duplicate and modify the MoviesNavigationController referenced by the session to support your Entities.
• Modify the user.d2wmodel to support you Entities.

Using your own skin

The CSS resource components in the look pages obtain the name of the framework that contains the css files from the er.modern.look.skinframework property. This makes creating your own skin as easy as duplicate the ERModernDefaultSkin framework and change the value of that property in it's Properties file to match it's new name.