Rapid-Source

mosDemo Category Listing Page
The Category Listing Page is very similar to its parent Main Category Page in style and in set up.

First there is the "Text Heading" of this section which, as always, is editable using mosDemo's Administration section as well as mosDemo's CSS-Style Sheet.
An Image is also used here to add a visual effect to each of your mosDemos.
The "Text Title" of your mosDemo is linked to a complete detailed display of the mosDemo. See the next image below for a better look.
A "Text Description" outlines what your users will see and experience in this mosDemo.

mosDemo's Main Display Page
For the purpose of this overview I have broken down this page into (4) four sections;

Section One (1): mosDemo's "Tool Bar"

•  Users can save their Favorite mosDemos quickly and easily using the "Add to Favorites" section of the "Tool Bar"
• Users can View their Favorite mosDemos quickly and easily using the "My Favorites" section of the "Tool Bar"
• Users can send a link to Friends and Family members using the "Email this Demo" section of the "Tool Bar"
• Users can Print a Printer Friendly copy of any mosDemo using the "Print this Demo" section of the "Tool Bar". The layout of the printer friendly page is also controlled by mosDemo's CSS-Style Sheet.

Section Two (2): mosDemo's "Text Heading "

The "Text Heading" consists of:

• The Title of your mosDemo.
• The name of the Author and the date that this mosDemo was created.
• The user rating displayed with the rating icon as wall as the maximum amount of votes achievable. This way you can determine how well this mosDemo is being enjoyed.
• The last bit of information joined here lets your users know how may people have voted on this mosDemo. I believe, and I am sure you will agree, that we have kept this area clean and informative. Keeping mosDemo simple but elegant was our Highest Priority while designing this component.

Section Three (3): mosDemo's Step by Step Instructions

• "At a Glance" is the description of this mosDemo., If you want to change this text you can simply change it in the mosDemo's Administration area of this component. You can further enhance this on a granular level by making adjustments to the mosDemo's CSS Style Sheet.
• Each Step Image is also added to your mosDemo by using Mambo /Joomla's "Media Manager" to upload and organize your images. Then use mosDemo to place them into the step and to choreograph your demonstration.
• You can further enhance the "Step Numbers" by making adjustments to the mosDemo's CSS Style Sheet.
• The "Step Text" can be also further enhanced on a granular level by making adjustments to the mosDemo's CSS Style Sheet. Another nice surprise: all editing areas are built to recognize TinyMCE, HTML-Area 3, HTML-AERA3 Pro so you can really see the true potential of this component.

Section Four (4): mosDemo's Rating and Review Summary

This section constists of:

• A completely editable "Text Heading"
• A Link to a rating and review form complete with a commenting text field (rating / review overview). If you want to have individuallity in mosDemo you can change the way your hyper links look and respond using mosDemo's CSS Style-Sheet.
• The summary is further enhanced by showing you the author of the review.
• The date the review was made.
• The rating the user voted on this mosDemo.
• To finish this perfectly clean and tight presentation we have added the comments of the user. The user can leave a comment or not when they vote, but in order to leave a comment they have to vote.

mosDemo's User Rating and Review Area

We have given mosDemo a very “Magazine” feel and look. Adding an interface for users to submit comments seemed boring and mundane, so implementing a system which would enable users to actually “Rate” as well as offer their comments in the form of a “Review” would be a fun and engaging method of further enhancing your users' experience at your web site.

• "Text Heading"
• "Review Instructions"
• "Link Back to the mosDemo"
• "Text Intro to Vote"
• "Vote Definition"
• "Add Comment Heading"
• Comment Text Box Submit Comment Button (You can edit the Text here as well)
• All of these items are Completely Editable using both the mosDemo Style-Sheet and the
  Administration tools in the mosDemo Admin Section.