Search 3B Knowledge Base
- Home
- Features
- Form Styling
- Adding Form Styles
What is form styling?
3B Forms allows you to add custom styling to forms by either light Field Customisation or by completely overhauling the form layout. This is usually achieved in one of 2 ways:
- Disabling Bootstrap and adding your own styles via CSS
- Keeping Bootstrap and applying small layout changes via CSS
Form styling is different than Customizing the product with CSS because the styles only will apply to the built form presented to the end user.
Use Cases
Here are some examples of what you can do with the ability to apply custom CSS styles to forms:
- Brand forms – add your company logo, add your company colors
- Standardize forms, so they look like like your website – this is especially useful when creating forms that will be embedded on your website
Setting up custom styles
Follow the below instructions to create custom styles
Once you have selected a custom style, it will be applied to the form and you can see a preview of what the form will look like in the Form Builder
Other Settigns
You can opt out of using Bootstrap infrastructure to create truly custom forms. This method is only really applicable for those of you who have a lot of experience with CSS as you will be starting with a blank canvas.
To switch off Bootstrap follow these instructions:
- Open a form in the form builder
- Expand the Advanced Settings section
- Check off the checkbox “Use Bootstrap”
-
-
- 1.0 - 1.2 Aloha
- 1.10 Bodhi Tree
- 1.11 Baobab Tree
- 1.12 Baobab Tree
- 1.15 Baobab Tree
- 1.16 - Apricot Tree
- 1.19 Bonzai Tree
- 1.20 Maple
- 1.21 Palm Tree
- 1.22 Mandarin
- 1.23 Ginko
- 1.24 Duran
- 1.25 Fir
- 1.27 Lychee Tree
- 1.3 Beech
- 1.34 Stewartia
- 1.35 - 1.42 Tree of life
- 1.35 Horse Chestnut
- 1.4 Almond
- 1.43 General Sherman
- 1.47 General Sherman
- 1.48 General Sherman
- 1.5 Rosewood
- 1.53 Hornbeam
- 1.6 Cherry Wood
- 1.7 Fault Tree
- 1.7 Mango Tree
- 1.8 Coconut
- Show all articles ( 13 ) Collapse Articles
-
-
-
-
- Articles coming soon
-
- Articles coming soon
-
- Articles coming soon