Contact Enhanced Documentation

As a strategy to enhance the User Experience 1 our Joomla extensions uses Joomla default messaging system. Most comercial and free Joomla templates have this capability. My template's message look like this:

×

Message

Thank you for your e-mail.

If your template does not have this option, all you have to do is add a small piece of code to your template and a little css to your main css file (in case it does not have it).

Add the following code to your template where you want all system messages to be displayed, usually inside the same div that displays the content:

<jdoc:include type="message" />

If your CSS fiel doesn't already have this code you can add it, and customize it in order to match your template's style:

#system-message dt {font-weight:bold;}
#system-message dd {font-weight:bold;margin:0;text-indent:30px;}
#system-message{margin-bottom:10px;padding:0;}
#system-message dd ul {border-bottom:3px solid #84A7DB;
border-top:3px solid #84A7DB;
color:#0055BB;list-style-image:none;list-style-position:outside;
list-style-type:none;margin-bottom:10px;padding:10px;}
#system-message dt.message,
#system-message dt.error,
#system-message dt.notice {display:none;}
#system-message dd.error ul {background-color:#E6C0C0;
border-bottom:3px solid #DE7A7B;
border-top:3px solid #DE7A7B;color:#CC0000;}
#system-message dd.notice ul {
background:#EFE7B8 none repeat scroll 0 0;border-bottom:3px solid #F0DC7E;
border-top:3px solid #F0DC7E;color:#CC0000;}
#system-message dd.message ul{
background:#C3D2E5 url(../images/notice-info.png) no-repeat scroll 4px center;}
#system-message dd.notice ul{
background:#EFE7B8 url(../images/notice-note.png) no-repeat scroll 4px center;}
#system-message dd.error ul{
background:#E6C0C0 url(../images/notice-alert.png) no-repeat scroll 4px center;}
You can also add the following images to your template's image folder:

 

PLEASE NOTE that you can also set a Thank you Page, using HTML Template. Please watch the HTML Template screencast in this documentation.

 

User Experience - Our Definition

"User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products. The first requirement for an exemplary user experience is to meet the exact needs of the customer, without fuss or bother. Next comes simplicity and elegance that produce products that are a joy to own, a joy to use. True user experience goes far beyond giving customers what they say they want, or providing checklist features. In order to achieve high-quality user experience in a company's offerings there must be a seamless merging of the services of multiple disciplines, including engineering, marketing, graphical and industrial design, and interface design.

Nielsen Norman Group
Recommend to a friend

Copyright © 2018 IdealExtensions.com. All Rights Reserved.

This site is not affiliated with or endorsed by the Joomla!™ Project. It is not supported or warranted by the Joomla!™ Project or Open Source Matters™. The Joomla!™ logo is used under a limited license granted by Open Source Matters™, the trademark holder in the United States and other countries.
We may collect your IP address and your browser's User Agent string while using our site for security reasons and deriving aggregate information (analytics). This information is retained for a minimum of 1 and a maximum of 24 months.
Feedback