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

Moving a form with CSS

Well the JavaScript was the difficult one so now we have a gentle walk through doing the same with CSS.

Note

If you have come directly to this recipe then we suggest that you take a quick look at the previous recipe — Moving a form with JavaScript — before reading on, as the two are closely related and we'll refer back sometimes to save repeating too much.

Getting ready

We'll use the same Google Custom Search form, using the "Minimal" styling option (chosen in the setup configuration).

How to do it...

1. If you look at the script you'll see that there is a CSS file linked but no snippet. This is fairly normal as CSS code is usually static and more amenable to being loaded from cached files than those parts of JavaScript that change depending on the form code. Here's the linked file:
```
<link rel="stylesheet"
href=http://www.google.com/cse/style/look/minimalist.css
type="text/css" />
```
We've already seen that this works perfectly well from the Form HTML box. And it's tidier...

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

Moving a form with CSS

Note

Getting ready

How to do it...