ChronoForms 3.1 for Joomla! site Cookbook

ChronoForms 3.1 for Joomla! site Cookbook

By : Bob Janes

Buy this Book

ChronoForms 3.1 for Joomla! site Cookbook

By: Bob Janes

Buy this Book

Overview of this book

Joomla! is a fantastic way to create a dynamic CMS. Now you want to go to the next step and interact with your users. Forms are the way you ask questions and get replies. ChronoForms is the extension that lets you do that and this book tells you how. From building your first form to creating rich form based applications we will cover the features that ChronoForms offers you in a clear hands-on way. Drawing on three years daily experience using ChronoForms and supporting users there is valuable help for new users and experienced developers alike. We will take you through form development step by step: from creating your first form using ChronoForms’ built-in drag-and-drop tool; validating user input; emailing the results; saving data in the database, showing the form in your Joomla! site and much more.Each chapter addresses a topic like ‘validation’ or ‘email’ and the recipes in the chapter each address a different user question from the beginners’ question ‘How do I set up an email?’ through to more advanced questions like using some PHP to create a custom email Subject line.Over eight chapters and eighty recipes we cover all of the ‘Frequently Asked Questions’ that new users and developers have about using ChronoForms. The recipe structure allows you to pick and choose just the solution that you need.

ChronoForms 3.1 for Joomla! Site Cookbook

Credits

About the Author

About the Reviewer

Preface

Free Chapter

Creating a Simple Form

Introduction

Downloading and installing ChronoForms

Creating a simple form with the Form Wizard

Sending the form results by e-mail

Showing a "Thank You" page

Editing your form with the Wizard Edit

Redirecting the user to another page

Backing up and restoring your forms

E-mailing Form Results

Introduction

Replying to e-mails

Getting your e-mails delivered safely

Sending a "Thank you" e-mail to the form submitter

Choosing e-mail addresses from a list

Attaching uploaded files to the e-mail

Attaching a "standard" file to the e-mail

Creating a "dynamic" subject line using info from the form

Styling your Form

Introduction

Using ChronoForms default style

Switching styles with "Transform Form"

Adding your own CSS styling

Putting several inputs in one line

Adding your own HTML

Saving Form Data in the Database

Introduction

Creating a table to save your results and linking your form to it

Viewing your saved form results

Updating and changing DB Connections

Exporting your results to Excel or a CSV file

Form Validation and Security

Introduction

Making "required" fields

Specifying the types of input that are allowed — text, numbers, dates, and so on

Customizing validation error messages

Adding extra security with "server-side" validation of submitted information

Getting the user to confirm their data before submission

Adding an ImageVerification captcha / anti-spam check

Adding a reCAPTCHA anti-spam check

Limiting form access to registered users

Showing your Form in your Site

Introduction

Including your form in an article using the ChronoForms plugin

Showing your form on selected pages using the ChronoForms module

Linking to your form from Joomla! menus

Using a form to create a Joomla! article

Redirecting users to other Joomla! pages after submission

Adding Features to your Form

Introduction

Adding a validated checkbox

Adding an "other" box to a drop-down

Sending an SMS message on submission

Signing up to a newsletter service

Adding a conversion tracking script

Showing a YouTube video

Adding a barcode to a form e-mail

Adding a character counter to a textarea

Creating a double drop-down

Uploading Files from your Forms

Introduction

Adding a file upload field to your form and setting the allowed types and sizes

Saving files to different folders

Renaming files

Linking files to e-mails

Resizing and copying image files

Displaying images in e-mails and articles

Troubleshooting problems with files

Writing Form HTML

Introduction

Moving an existing form to ChronoForms

Moving a form with JavaScript

Moving a form with CSS

Creating a form with Wufoo

Creating a form in Dreamweaver

Creating Common Forms

Introduction

Creating a simple newsletter signup

Creating a form to link to Acajoom

Creating a form to publish a Joomla! article

Creating a "Contact us" form

Creating an image or document upload form

Creating a multi-page form

Using Form Plug-ins

Introduction

Controlling form access by user group, day, and/or time with the Watchman plug-in

Creating multi-lingual forms with the Multi-Language plug-in

Showing and editing saved information with the Profile plug-in

Registering users with the Joomla! Registration plug-in

Creating a PayPal purchase form with the ReDirect plug-in

Adding Advanced Features

Introduction

Using PHP to create "select" dropdowns

Using Ajax to look up e-mail addresses

Getting information from a DB table to include in your form

Show a form in a light-box

Tracking site information

Controlling e-mails from form inputs

Building a complex multi-page form

Troubleshooting problems with forms

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Adding a character counter to a textarea

Some users can get just a bit long-winded when presented with a text area to type into. When that happens it would be useful to be able to show the number of characters remaining and to block the input of extra characters if the limit is exceeded.

Getting ready

We'll use a very simple form created by the Form Wizard with just two elements — a TextArea and a Button. We will need to know the ID of the text area; by default it will be text_0, the same as the element name.

How to do it...

1. Create the form, save it, and view it in your browser.
2. Notice that although we've labeled the textarea 50 chars max it takes nearly 100 without complaint. In fact you could keep on typing for a long time and the textarea would just scroll down and accept the input.

3. We're going to add some JavaScript to the Form JavaScript box to count the characters:

window.addEvent('load', function() {
// execute the check after each keystroke
$('text_0').addEvent('keyup', function...

ChronoForms 3.1 for Joomla! site Cookbook

By : Bob Janes

ChronoForms 3.1 for Joomla! site Cookbook

By: Bob Janes

Overview of this book

Related Content you might be interested in

Current Title:

ChronoForms 3.1 for Joomla! site Cookbook

Adding a character counter to a textarea

Getting ready

How to do it...