Articles

How can I add a sent confirmation message?

Missing screencast
Help us improve the documentation page and Win a free copy of BB Flashback PRO*

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:


  • 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

Newsletter

captcha

Connect with us

We're on Social Networks. Follow us & get in touch.
You are here: Start page