Formidable Forms

Formidable Forms

  • Features
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

Steph Wells / Last Updated August 25, 2021

New Bootstrap Add-on

We have been hearing of a lot of people working on Formidable-Bootstrap integration. We have created an add-on that automatically adds all the Bootstrap classes and loads the Bootstrap styling, to make beautiful forms even faster and easier.

Normally, a value can be added before and/or after the input by directly inserting them into the customizable HTML. This add-on includes an extra setting in the field options to do this simply and instantly.
bootstrap-opts

The settings illustrated above will create a field like this:
bootstrap-prepend

The full Bootstrap 3.0.2 css is included, which means there is a lot more you can use that you will need to see the Bootstrap docs for. A lot the the available classes will work when you insert them into the "CSS layout classes" box in your field options. Specifically, the sizing options found here.

Enjoy!

Note: This add-on requires the changes included in Formidable v1.07.02 which is currently in beta. Please make sure you are running at least v1.07.02b2 of Formidable before using this add-on.

Download Now

Please log in to download

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Comments

  1. nicolas says

    November 25, 2013 at 4:33 pm

    very nice.
    thanks a lot

  2. robert clapp says

    November 26, 2013 at 9:00 am

    This is a nice idea, but I think you will find a lot of styling compatibility issues with different themes. I think that if this is to be successful you are going to have to reference a different naming convention for calling certain files and functions so that these compatibility issues don't make this add on more problematic than it's worth.

  3. robert clapp says

    November 26, 2013 at 9:05 am

    Also, it appears that the plugin overrides anything in the Global Settings Form Styling.

  4. digiltd says

    November 27, 2013 at 4:05 am

    brilliant, thanks for this

    It would be nice to have an option to not use the Formidable Bootstrap css version, I have commented this out of FrmBtsAppController.php so it will use my current Bootstrap version. But an option would be better.

    This will save me major headaches and simplify all my forms site wide, thanks.

    • soulpixel says

      December 3, 2013 at 7:08 am

      Yeah I second your opinion, loading the css needs to be optional.

  5. raoni says

    November 30, 2013 at 7:45 pm

    HI, that's perfect!!

    BUt also would like an option to use my THEME Bootstrap CSS!!!

    Thanks!

    • soulpixel says

      December 3, 2013 at 7:06 am

      You'd need to comment it out in FrmBtsAppController.php, mind you, by the next update if this isnt to be opted out you'll need to re-edit this file.

  6. robert clapp says

    December 3, 2013 at 7:14 am

    It seems like the bootstrap add-on loads on every page of your site. If that is the case we need an option for having it off on pages not using Formidable. As others have suggested, it would be nice to have a simple interface (check box) that loads the "bundled" bootstrap (checked) or uses whatever might be available (un-checked).

Get Email Updates

Popular Resources

    • How to Create a Searchable Database on a WordPress Site
    • Create a WordPress Custom Calculator: Easy, Powerful Results
    • How to Create a Fitness Tracker in WordPress
    • Formidable Views: The Best WordPress Custom Application Plugin
    • How To Require Email To Download Files in WordPress
    • How to Create Conditional Drop Down Lists in WordPress Forms
    • Best Gravity Forms Alternative for WordPress: Formidable Forms vs. Gravity Forms
    • How to Make a Quiz in WordPress
    • WPForms Alternative: Formidable Forms vs. WPForms Compared

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Forms
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directories
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews