jQuery

Columnize Dynamic Radio Button Fields

Summary This jQuery code snippet was written as an answer to a question in the Formidable Community Forum. I’d like to set up a dynamic field that is set as a radio field into columns. Basically each column would be one class with the workshops for that class underneath. brian penner View the code on [Read More…]

Display Range Slider as Currency

Summary This snippet is an updated version of the example found on the Formidable Knowledge Base JavaScript examples page: https://formidableforms.com/knowledgebase/javascript-examples/#kb-format-a-slider-field-value-as-a-currency. The KB example works for one slider at a time. This version works for multiple sliders on a single page. It also uses the JavaScript standard built-in Intl.NumberFormat object. This object enables language-sensitive number formatting. [Read More…]

How to Change the Datefield’s Calendar Start Day

Question This question comes from a poster in the Formidable Slack Community: How can I change the inline datepicker field to start on Saturday by default? Solution You cannot change the datepicker to start on a different day of the week by default through the Formidable build screen. However, Formidable uses the ubiquitous jQuery UI [Read More…]

How to Provide Instant Feedback on Forms

Quiz Building Anyone? Are you using Formidable to build quizzes? Many people are and Formidable allows you to build really nice quizzes right out of the box. But, what if you have special requirements like this poster in Formidable’s Slack Community. The Requirements Have a ‘check answer’ button after each multiple choice question. If all [Read More…]

Return to Previous Page

Problem One request we receive frequently is: How can I include a link on a page to return to the previous page? Solution If you view any of the codex detail pages, at the top of the page, you’ll see one of the following links: Return to Actions List or: Return to Previous Page or: [Read More…]

Style Individual Radio Buttons on Select

The Problem How can I style the background color of individual radio buttons to highlight the one that’s selected? —Formidable Slack Community member The Approach There are a several ways for doing this and Formidable Forms makes it easy to implement any method you choose. This tutorial walks you through two solutions. The first is [Read More…]

Add a Data Attribute to Any Input Field

HTML data-* Attribute HTML Global attributes give elements meaning and context. Global attributes are common to all HTML elements; they can be used on all elements, including Formidable’s input fields, though they may have no effect on some elements. One attribute that is particularly useful is the data-* attribute. The data-* attribute forms a class [Read More…]