All 48 Posts
Actions Crib Sheet
This article lists the actions that are available in user driven events. User driven events add logic-flow to your forms for the best user experience.
30th January 2025 5:09am
Auto Height with Flexbox
Using Auto Height on multi-line inputs means these fields will line up perfectly with content in other containers thereby creating a clean, satisfying design.
18th March 2025 8:57am
Bootstrap Cards
This article shows how to enclose form components in Bootstrap semantic, colour-coded cards. Cards add a border and a styled heading.
5th February 2025 8:57am
Bootstrap Floating Labels
Bootstrap provides for floating labels and formstrap supports this feature on single-line input fields, select fields and multi-line input fields.
8th January 2025 8:57am
Bootstrap Input Groups
This blog post shows how to create Bootstrap style input groups made up of text and icon addons or from multiple input fields.
20th January 2025 6:07pm
Building Components
This article shows how to clone formstrap components and how to delete them. Cloning allows you to build forms that have similar sections very quickly.
20th March 2025 10:20am
Coffee Shop Feedback
This simple form can be shared with customers on a tablet for collecting instant feedback.
25th March 2025 1:08pm
Column Settings Form
This crib sheet explains how to use all the fields in the column settings metadata form.
1st January 2025 2:29pm
Component Basics
This post provides information about settings common to each of the form components in the grid. For example, titles and headers, spacing etc.
4th November 2024 11:23am
Component Spacing
This blog post provides an overview of how you can apply spacing to your form. Spacing types include margins, padding and gutters.
22nd February 2025 12:06am
Component Visibility
This post demonstrates how making form components initially hidden works. Hidden components will only be displayed if a user-driven event reveals them.
20th March 2025 11:17am
Conditions Crib Sheet
This article lists the conditions that can be tested to determine if an event action will be executed.
30th January 2025 5:09am
Creating a Basic Event
This article demonstrates how to create a simple user driven event. Events allow you to show or hide parts of the forms or perform more complex validation.
30th January 2025 5:09am
Creating Your First Form
Create your first Formstrap form in seconds! This step-by-step guide shows you how to build a custom form from scratch or start quickly with pre-designed templates. Perfect for beginners and developers looking to streamline form creation.
17th November 2024 9:34pm
CSS Modifications
In this article, the slight modifications or additions to the Bootstrap Stylesheet are listed and explained.
26th April 2025 8:07am
Custom Buttons are Now Supported
You can now add custom buttons to your form to trigger custom events.
8th April 2025 10:09pm
Custom Validation
This post outlines the different types of validation that are available on different fields. It also shows how to set custom validation messages.
25th February 2025 5:02pm
Field Settings Basics
This post demonstrates the basics of setting up a field including editing the field type, the label and the name attribute.
4th November 2024 11:23am
Field Settings Form
This crib sheet explains how to use all the fields in the field settings metadata form.
31st October 2024 11:21pm
Field Types
This is a handy crib sheet of information about field types available in formstrap and their attributes and validation types.
31st December 2024 6:30pm
Form Settings Basics
This post outlines the minimum settings for your new form including how format the logo and header/description to be responsive to different screen widths.
4th November 2024 11:23am
Form Settings Form
This crib sheet explains in detail how to use fine tune fields in your form by making changes to the form settings metadata form. Consult this post when editing fields in the form editor.
28th December 2024 6:38pm
Headings and Descriptions
This post explains how formstrap uses appropriate heading levels. It is important for accessibility and readability that forms are properly structured.
16th November 2024 8:01pm
Hosting Options
This article provides information on how to publish your form. If you are self-hosting you can download a zip of fileds to upload to your website.
19th January 2025 2:36am
HTML Differences between Bootstrap and formstrap
In this article, the differences between Bootstrap and formstrap are enumerated and explained.
26th April 2025 8:07am
Improved Drag and Drop
You can now drag and drop all field types into the grid hierarchy at any level. This allows for rapid form design and deployment.
1st March 2025 7:44am
Input Groups now Supported
Formstrap now supports Bootstrap input groups. Prepend or append your input with icons or text. You can also group multiple fields into one group.
10th March 2025 6:41am
Job Application Form
Our job application form is a multi-page, responsive form. Easy recruitment in 5 minutes if you host with formstrap.
25th March 2025 1:08pm
Just want the HTML?
You can now download the form's HTML with a single click. Don't want the CSS, Javascript etc? This is for you.
1st April 2025 5:07pm
Keyboard Shortcuts
You can use keyboard shortcuts to access frequently used functions. For example, you can delete and clone components; and move them around the form.
14th March 2025 10:38am
Log in Form
This is a login form with built in logic to allow loggging in or basic registration.
25th March 2025 1:08pm
Pagination and Navigation
This article demonstrates how to organise your form over multiple pages. Once you have more than one page, a configurable page navigation will be available.
18th March 2025 11:08am
PHQ9 : Patient Health Questionnaire
The PHQ9 is a self-administered diagnostic instrument for assessing the severity of depression.
11th May 2025 1:08pm
Pixel-Perfect Design
Formstrap now uses flexbox at a field container level for pixel perfect layouts. You can make multi-line inputs expand to occupy the available space.
5th January 2025 12:12pm
Prescribed Lists
This article shows you how to edit and manage lists for select, checkbox and radio button fields. Registered users can create and manage lists in the dashboard.
21st March 2025 10:57am
Radios and Checkboxes as Buttons and Switches
Bootstrap 5 switches and buttons for radio and checkbox inputs are now supported
10th May 2025 4:00pm
Relative Default, Min and Max Values
This post details how to populate date, time and date-time fields with relative default values or min/max thresholds.
28th April 2025 11:34am
Replicable Containers
This post demonstrates how to activate replicable containers on Section Column or Row containers and how they work on the live form.
9th January 2025 1:40am
Reserved Attributes used by formstrap
This article lists the reserved attributes (IDs, Classes and data-) that are used by formstrap to facilitate some of its dynamic functions.
26th April 2025 2:45pm
Responsive Layout Basics
Learn how to build a simple, responsive contact form with this practical Formstrap example. This tutorial walks you through creating a clean Contact Details form, perfect for modern web applications.
17th March 2025 1:14pm
Row Settings Form
This crib sheet explains how to use all the fields in the row settings metadata form.
12th February 2025 4:43am
Section Column Settings Form
This crib sheet explains how to use all the fields in the section column settings metadata form.
16th February 2025 12:18pm
Section Settings Form
This crib sheet explains how to use all the fields in the section settings metadata form.
23rd January 2025 5:18am
Self Hosting Instructions
This article provides more detail about the self-hosting package and how to deploy it on your own server.
19th January 2025 2:36am
The latest Bootstrap release has been Deployed
Bootstrap 5.3.6 was recently released with some bug fixes. We have reviewed the upgraded files and mitigated any impact. The upgrade has now been deployed.
8th April 2025 10:09pm
Understanding the Grid
Learn about how the grid system is used in formstrap to allow you to create complex and responsive forms. This post explains the formstrap grid hierarchy.
17th December 2024 1:45pm
Use Pre Designed Templates
This article shows you how to use form templates and how to create your own. Only registered users can save templates - but anyone can use existing templates.
25th February 2025 5:02pm
We are reviewing the latest Bootstrap release
Bootstrap 5.3.6 was recently released with some bug fixes. We are reviewing this release with a view to upgrading formstrap in due course.
8th April 2025 6:07pm