• Join Now
  • Sign In
  • Cart
  • Instant Setup
  • Download
Logo
  • About
    • Try it Out
    • For Developers
    • For Agencies
    • For Designers
    • For Anyone
    • Testimonials
    • Showcase
    • History
    • Our Philosophy
    • Credits
    • What does free mean?
    • Blog
  • Community
    • Members
    • Forums
    • Chat
    • Karma
    • International
    • Jobs
    • eNewsletters
  • Developers
    • Download concrete5
    • Join Beta Team
    • Translate concrete5
    • Bug Tracker
    • Submit to Marketplace
    • Code Submissions
    • News
    • Community Leaders
  • Marketplace
    • Add-Ons
    • Themes
    • Add-on Installation
    • Deal Of The Day
    • Swag
    • Theme Contest 2012
  • Services
    • Hosting
    • Support Options
    • Consulting
    • Training
    • Enterprise
  • Documentation
    • Getting Started
    • Editor's Guide
    • Developers Guide
    • How-Tos
  • Add-Ons
  • Themes

Ajax Form

developed byjordanlev
3 Reviews

Finally! An ajax form for Concrete5.

This is a set of custom templates which add ajax functionality to the built-in form block, so that pages do not reload when forms are submitted.

To ajax-ify a form, simply add it as you normally would (or edit the page if it's already there), then click on the block and choose "Custom Template" from the popup menu, then select "Ajax Default Layout" from the dropdown menu and click "Update", then exit edit mode and publish your changes. Voila -- welcome to 2006!

If you are a designer or developer, there is an additional template called "Ajax Tableless Layout" which is completely unstyled but puts all of the form fields into divs (very similar to the Form Tableless Layout addon), so you can style them yourself via your theme's CSS.
If you're not a web designer or developer, you should completely ignore the "Ajax Tableless Layout" template and just stick to the "Ajax Default Layout" template, otherwise your forms will look weird.

Some notes for the detail-oriented folks:

  • This addon "degrades gracefully" -- if the user has javascript disabled for some reason, it reverts to the normal "page reload" behaviour.
  • Ajax functionality will not be used when a file upload field exists on the form (it will automatically revert to the normal "page reload" behaviour).
  • Ajax functionality will not be used if you choose the "Redirect to another page after form submission" option when adding/editing the form.
  • While this addon is installed, an additional javascript file will be sent by the server on all page requests (even if there is no form block on that page). This additional file is about 25K (uncompressed), which is not that big of a deal for most situations -- it's smaller than most header images, for example -- but if you're obsessed with optimization, this might bother you.

Enjoy!

   -Jordan Lev

Special thanks to Greg Joyce for writing a how-to that addressed the one insurmountable issue I had along the way, and to Peter Vernaglia for the inspiration.

Current Version

1.3 Download Archive

Works With

5.4.1+

Average Support Response

Half a day

Add to Cart

Free Add One Free Add Five
  • Screenshots Screenshots
  • Demo Video
  • Demo Live Demo
  • Demo Used On Sites

Also Check Out

  • Audience Contribution
  • Custom Templates
  • Interface Elements
Thumbnail Intermediate

Learn More

  • Ajax Form Home
  • Pre-Sale Questions
  • Reviews
  • Forums
  • Support
  • License
  • Roadmap
  • Features
  • Documentation
  • Version History
  • Marketplace
  • Add-Ons
  • Ajax Form

Do you have questions

  • What are users saying?
  • Who is using concrete5?
  • What makes concrete5 easy?
  • Why develop on concrete5?
 

We’re on “The Twitter”

管理画面のJobsはどこにいったかか分かりますか ( #concrete5 live at http://t.co/W3tCUvlA)

Follow concrete5

About

  • Try it Out
  • For Developers
  • For Agencies
  • For Designers
  • For Anyone
  • Testimonials
  • Showcase
  • History
  • Our Philosophy
  • Credits
  • What does free mean?
  • Blog

Community

  • Members
  • Forums
  • Chat
  • International
  • Jobs
  • eNewsletters

Developers

  • Download concrete5
  • Join Beta Team
  • Translate concrete5
  • Bug Tracker
  • Beta
  • Submit to Marketplace
  • Code Submissions
  • News
  • Community Leaders
  • User Doc Group

Marketplace

  • Add-Ons
  • Themes
  • Add-on Installation
  • Deal Of The Day
  • Swag

Services

  • Hosting
  • Support Options
  • Consulting
  • Training
  • Enterprise

Documentation

  • Getting Started
  • Editor's Guide
  • Developers Guide
  • How-Tos

Legal

  • Privacy Policy
  • Terms of Use
  • Refund Policy
  • Contact Us
© 2008 to 2012 Concrete CMS Inc. All Rights Reserved.

Sign In?

You must have a user account and be signed to perform this action.

  • Sign In
  • Register