DMXzone Ajax Form Manual

Learn how to use the DMXzone Ajax Form extension

In this article we you will find useful information about the DMXzone Ajax Form Dreamweaver extension. We covered everything from basic to advanced usage, well presented in detailed tutorials and videos. Also we included the features packed in this helpful tool and many more.


Advanced: Styling the Default Success and Error Message Sections

In this tutorial we will show you how to style the default Success and Error message sections in DMXzone Ajax Form.

*You can also check out the video.

How to do it

  1. We already added a simple form wrapped with DMXzone Ajax Form.

  1. Click the form (1) and choose the Success section (2).
     



  1. This is the default Success message and we want to change its appearance, therefor click the CSS Styles button (1) and under dmxAjaxForm.css select the .dmxAjaxFormSuccess class (2).

  1. In the CSS Rule Definition for .dmxAjaxFormSuccess window, select the Background item, where we will change the background settings for the success message section.


  1. We change the background color (1) and remove the image by selecting none (2) as it doesn't match our new background color. Also you can change any other CSS property of this class. When you're done, click the OK button.


  1. You can change the text and its appearance as well. We do the same with the Error section.

  1. Now you can save your work and preview the result in the browser.

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.