Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
ChronoForms 3.1 for Joomla! site Cookbook

You're reading from   ChronoForms 3.1 for Joomla! site Cookbook 80 recipes for building attractive and interactive Joomla! forms

Arrow left icon
Product type Paperback
Published in Aug 2010
Publisher Packt
ISBN-13 9781849510622
Length 376 pages
Edition 1st Edition
Languages
Tools
Concepts
Arrow right icon
Author (1):
Arrow left icon
Bob Janes Bob Janes
Author Profile Icon Bob Janes
Bob Janes
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

ChronoForms 3.1 for Joomla! Site Cookbook
Credits
About the Author
About the Reviewer
1. Preface
1. Creating a Simple Form FREE CHAPTER 2. E-mailing Form Results 3. Styling your Form 4. Saving Form Data in the Database 5. Form Validation and Security 6. Showing your Form in your Site 7. Adding Features to your Form 8. Uploading Files from your Forms 9. Writing Form HTML 10. Creating Common Forms 11. Using Form Plug-ins 12. Adding Advanced Features

Creating a "Contact us" form


Joomla! has a "Contacts" component, which includes a Contact form that looks like the image below. This functions perfectly well and is quite flexible but sometimes you want a different layout or different functionality. In this recipe we'll create a "Contact us" form, like the Joomla! one, which works inside ChronoForms. That leaves you free to add in any other ChronoForms features that you need.

Getting ready

Nothing special is needed.

How to do it...

  1. 1. Open the ChronoForms Form Wizard and create a new form, like the "form" part of the Joomla! contact form shown above: drag in three TextBoxes, a TextArea, a CheckBox, and a Button.

    Make all four text elements required and check validate-email for the e-mail address box. Add the labels that you want for your form.

    For clarity, also change the names of the inputs to "name", "email", "subject", and "message".

    Note

    We suggest that you later edit the IDs of the inputs to match; you have to do this in the Form Editor...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime
Banner background image