You are previewing ChronoForms 3.1 for Joomla! Site Cookbook.
O'Reilly logo
ChronoForms 3.1 for Joomla! Site Cookbook

Book Description

80 recipes for building attractive and interactive Joomla! forms

  • Develop feature-rich Joomla forms with the help of easy-to-follow steps and ample screenshots

  • Publish forms, that let you interact with your users, to a website using ChronoForms in minutes, not in hours

  • Explore the versatility of ChronoForms and use them to make your web site an interactive one

  • Part of Packt's Cookbook series: Each recipe is a carefully organized sequence of instructions to complete the task as efficiently as possible

In Detail

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.

This practical book, packed with easy-to-flow recipes, tips, and tricks, will help you add interactive forms to your sites with the ChronoForms

Table of Contents

  1. ChronoForms 3.1 for Joomla! Site Cookbook
    1. Table of Contents
    2. ChronoForms 3.1 for Joomla! Site Cookbook
    3. Credits
    4. About the Author
    5. About the Reviewer
    6. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Errata
        2. Piracy
        3. Questions
    7. 1. Creating a Simple Form
      1. Introduction
      2. Downloading and installing ChronoForms
        1. Getting ready
        2. How to do it...
        3. There's more...
        4. See also
      3. Creating a simple form with the Form Wizard
        1. Getting ready
        2. How to do it...
        3. How it works...
      4. Sending the form results by e-mail
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      5. Showing a "Thank You" page
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      6. Editing your form with the Wizard Edit
        1. Getting ready
        2. How to do it...
        3. How it works...
      7. Redirecting the user to another page
        1. Getting ready
        2. How to do it...
        3. There's more...
        4. See also
      8. Backing up and restoring your forms
        1. Getting ready
        2. How to do it...
        3. There's more...
    8. 2. E-mailing Form Results
      1. Introduction
      2. Replying to e-mails
        1. Getting ready
        2. How to do it...
        3. See also
      3. Getting your e-mails delivered safely
        1. How to do it...
        2. How it works...
      4. Sending a "Thank you" e-mail to the form submitter
        1. How to do it...
      5. Choosing e-mail addresses from a list
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
        5. See also
      6. Attaching uploaded files to the e-mail
        1. Getting ready
        2. How to do it...
        3. See also
      7. Attaching a "standard" file to the e-mail
        1. Getting ready
        2. How to do it...
        3. How it works...
      8. Creating a "dynamic" subject line using info from the form
        1. Getting ready
        2. How to do it...
        3. How it works...
    9. 3. Styling your Form
      1. Introduction
      2. Using ChronoForms default style
        1. Getting ready
        2. How to do it...
        3. See also
      3. Switching styles with "Transform Form"
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      4. Adding your own CSS styling
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Browser sniffing
          2. Conditional CSS
      5. Putting several inputs in one line
        1. Getting ready
        2. How to do it...
      6. Adding your own HTML
        1. Getting ready
        2. How to do it...
        3. See also
    10. 4. Saving Form Data in the Database
      1. Introduction
      2. Creating a table to save your results and linking your form to it
        1. Getting ready
        2. How to do it...
        3. How it works...
          1. Using the options in Create Table
          2. Checkbox groups and multi-select drop-downs
        4. See also
      3. Viewing your saved form results
        1. Getting ready
        2. How to do it...
        3. See also
      4. Updating and changing DB Connections
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Removing an input
          2. Reordering columns
          3. Updating the e-mail template
      5. Exporting your results to Excel or a CSV file
        1. Getting ready
        2. How to do it...
        3. How it works...
    11. 5. Form Validation and Security
      1. Introduction
      2. Making "required" fields
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
        5. See also
      3. Specifying the types of input that are allowed — text, numbers, dates, and so on
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
        5. See also
      4. Customizing validation error messages
        1. Getting ready
        2. How to do it...
        3. How it works...
      5. Adding extra security with "server-side" validation of submitted information
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Adding several validations
          2. Combining error messages
          3. Styling error messages
          4. Checking the database in a validation
          5. Filtering form data
        5. See also
      6. Getting the user to confirm their data before submission
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      7. Adding an ImageVerification captcha / anti-spam check
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Debugging when the Captcha image won't display
          2. Debugging when you see a server error
          3. Changing the layout of the ImageVerification element
          4. Adding a "refresh" link to the Image Verification element
        5. See also
      8. Adding a reCAPTCHA anti-spam check
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Configuring the reCAPTCHA plug-in
            1. reCAPTCHA keys
            2. reCAPTCHA setup options
          2. Problems with reCAPTCHA
        5. See also
      9. Limiting form access to registered users
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Redirecting the user
          2. Redirecting the user with a message
          3. See also
    12. 6. Showing your Form in your Site
      1. Introduction
      2. Including your form in an article using the ChronoForms plugin
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Debugging the ChronoForms plugin
        5. See also
      3. Showing your form on selected pages using the ChronoForms module
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Controlling the display of a module
        5. See also
      4. Linking to your form from Joomla! menus
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more . . .
          1. Passing extra parameters
          2. Creating administrator menu items
      5. Using a form to create a Joomla! article
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      6. Redirecting users to other Joomla! pages after submission
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Showing a message after redirection
          2. Showing a message before redirection
          3. Redirecting conditionally
        5. See also
    13. 7. Adding Features to your Form
      1. Introduction
      2. Adding a validated checkbox
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Validating the checkbox server-side
          2. Locking the Submit button until the box is checked
        5. See also
      3. Adding an "other" box to a drop-down
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Hiding the whole input
        5. See also
      4. Sending an SMS message on submission
        1. Getting ready
        2. How to do it...
        3. How it works...
      5. Signing up to a newsletter service
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      6. Adding a conversion tracking script
        1. Getting ready
        2. How to do it...
      7. Showing a YouTube video
        1. Getting ready
        2. How to do it...
        3. How it works...
      8. Adding a barcode to a form e-mail
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      9. Adding a character counter to a textarea
        1. Getting ready
        2. How to do it...
        3. How it works...
      10. Creating a double drop-down
        1. Getting ready
        2. How to do it...
        3. There's more...
        4. See also
    14. 8. Uploading Files from your Forms
      1. Introduction
      2. Adding a file upload field to your form and setting the allowed types and sizes
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      3. Saving files to different folders
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      4. Renaming files
        1. Getting ready
        2. How to do it...
        3. How it works...
      5. Linking files to e-mails
        1. Getting ready
        2. How to do it...
        3. How it works...
      6. Resizing and copying image files
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      7. Displaying images in e-mails and articles
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Adding an image to an article
        4. See also
      8. Troubleshooting problems with files
        1. Getting ready
        2. How to do it...
        3. See also
    15. 9. Writing Form HTML
      1. Introduction
      2. Moving an existing form to ChronoForms
        1. Getting ready
        2. How to do it . . .
        3. How it works...
      3. Moving a form with JavaScript
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Changing the form name in ChronoForms
          2. Fixing conflicts with scripts using jQuery
          3. Loading snippets into the page head
      4. Moving a form with CSS
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Loading snippets into the page head
          2. Loading browser-specific CSS files into the page head
      5. Creating a form with Wufoo
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Changing the Wufoo theme template
          2. Using a form from the Wufoo gallery
          3. Adding validation to a Wufoo Form
      6. Creating a form in Dreamweaver
        1. Getting ready
        2. How to do it...
    16. 10. Creating Common Forms
      1. Introduction
      2. Creating a simple newsletter signup
        1. Getting ready
        2. How to do it...
        3. See also
      3. Creating a form to link to Acajoom
        1. Getting ready
        2. How to do it...
        3. There's more...
      4. Creating a form to publish a Joomla! article
        1. Getting ready
        2. How to do it...
        3. See also
      5. Creating a "Contact us" form
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
      6. Creating an image or document upload form
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Adding a file upload to an existing form
        4. See also
      7. Creating a multi-page form
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
        5. See also
    17. 11. Using Form Plug-ins
      1. Introduction
      2. Controlling form access by user group, day, and/or time with the Watchman plug-in
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      3. Creating multi-lingual forms with the Multi-Language plug-in
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Translating form error messages
          2. Translating form images
          3. Translating more complicated code
            1. Including HTML
            2. Including files
            3. Including variables
          4. Translating e-mail templates and thank you pages
      4. Showing and editing saved information with the Profile plug-in
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
        5. See also
      5. Registering users with the Joomla! Registration plug-in
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Sending custom e-mails
          2. Displaying custom messages
          3. Creating a "silent" registration
          4. Creating a "Name" from other field inputs
          5. Creating a Username from other fields
          6. Allowing secret registration
          7. Logging in new members automatically
          8. Saving extra data
          9. Changing user parameters
      6. Creating a PayPal purchase form with the ReDirect plug-in
        1. Getting ready
        2. How to do it...
        3. See also
    18. 12. Adding Advanced Features
      1. Introduction
      2. Using PHP to create "select" dropdowns
        1. Getting ready
        2. How to do it . . .
        3. How it works...
        4. There's more...
          1. Creating numeric options lists
          2. Creating a drop-down from an array
      3. Using Ajax to look up e-mail addresses
        1. Getting ready
        2. How to do it . . .
        3. How it works...
      4. Getting information from a DB table to include in your form
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. See also
      5. Show a form in a light-box
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more...
          1. Keeping our options open
          2. Adding PHP to the page
      6. Tracking site information
        1. Getting ready
        2. How to do it...
      7. Controlling e-mails from form inputs
        1. Getting ready
        2. How to do it...
        3. There's more...
          1. Disabling e-mails
          2. Changing the attached files
        4. See also
      8. Building a complex multi-page form
        1. Getting ready
        2. How to do it...
        3. See also
      9. Troubleshooting problems with forms
        1. How to do it...
        2. See also
    19. Index