ChronoForms v5

A client wanted a time-picker in a CFv5 form. The ChronoForms v5 date-picker doesn't have this built in, but you can use the jQuery datepicker instead and add a time-picker to that.

The question came from a user who was building a form to create a series of entries. They wanted to re-load the form after it was submitted to add another set of entries. By default ChronoForms v5 re-loads the form and displays the last set of entries. Here are two possible solutions.

ChronoForms v5 has added a new Multiplier Container option that lets you set up a group of elements with a 'Plus' button that lets the user add an extra copy of the group into the form. This FAQ explains some of the ways to use it.

A user wanted to style their form so that there were horizontal bands to distinguish the form inputs. Here's one solution with a few lines of CSS.

Users will often use  'easy' to remember passwords that may not be very secure. This FAQ shows you how to add a strength 'meter' to a Password input in CFv5.

ChronoForms v5 adds an asterisk after the Label for required inputs and shows a red tooltip when a client-side validation error is found. This FAQ show show you can change the way these look.

File input elements in forms are normally formatted by the user's browser, not by ChronoForms. There are though many ways of changing the defualt layout using CSS and JavaScript. This FAQ looks at using a few examples of these methods in CFv5.

Here is a very simple method to add a color picker to a text input in ChronoForms v5. This was contributed by user Surgit.

Here's how one user solved this problem. You can easily attach the code to the submit button but then it triggers even if the form validation fails so you can get multiple results sent to GA. The approach here fires the tracking code only after the form validation succeeds.

Star ratings replace a set of radio buttons with star images so the user can select 1 star, 2 stars, etc. typically these are used in 'review' or 'rating' forms.

ChronoForms v5 includes a Google Spreadsheet Save action that will let you save your form results to a Google Docs spreadsheet. This FAQ has a simple example of using the action.

A dynamic dropdown is a normal select drop-down where the option list changes when another drop-down in the form changes. An example might be a list of states or counties that changes when a 'country' select drop-down changes. This FAQ show some ways to build these.

This FAQ descibes ways of customising validation messages and validation methods in CFv5.

Sometimes you need to limit the number of characters that a user types into a text input or textarea. This FAQ shows you how to use a jQuery script to do that very simply.

A user wanted to know how to use the jQuery maskMoney plug-in with ChronoForms v5 on Joomla! 3. This FAQ explains how to do it and is an example of the way that other similar jQuery plug-ins might be added.

ChronoForms v5 has its own built-in date-picker but sometimes that will not handle more complicated date-picker requirements. Here is a short case-study using the date-picker from the jQuery UI widget library.