- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Mute
- Printer Friendly Page
Forms - multiple columns for check boxes
SOLVEMar 15, 2017 5:59 PM
If I have 8 items in a check box list in a form, how do I change the configuration from a single column of 8 choices (which takes up vertical space) to 2 columns of 4 items each which is more horizontal?
Solved! Go to Solution.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report Inappropriate Content
Accepted Solutions
Mar 20, 2017 2:09 PM - edited Aug 17, 2017 12:09 PM
A simple change you could make is to add this to the Head HTML of your page (so that you don't affect forms on any other pages):
<style> li.hs-form-checkbox { display: inline-block; width: 50%; } </style>
The display line lets the checkboxes sit on the same line and the width 50% ensures that there will be two columns as each one will take up half the width.
You can make this more specific to your page/form if needed with additional CSS selectors
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Email to a Friend
- Report Inappropriate Content