Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  

Can I organize my checkbox form to avoid scrolling too much?


All of the options are on top of each other and since there are a lot of options, I’m forced to scroll a lot when viewing the form. I’d like it so that the options appear next to each other or in a less vertical fashion.

So instead of:


I would like:

OPTION1          OPTION2          OPTION3OPTION4          OPTION5


Edited by thecrewstaffing

Share this post

Link to post

4 answers to this question

Recommended Posts

  • 0

Here's a start on this. Add the following code to either the css injection point for each page, or do it in the site-wide css (but note, it will affect all checkboxes on your site, if there are others outside of those forms).

   padding-right: 20px;
   line-height: 1.5em;

   padding-bottom: 6px;

That gets them listed horizontally instead of vertically, but they look a little messy. I'm not sure on the best way to format them from that point on, but perhaps someone else has some ideas.

Share this post

Link to post
  • 0

Hi, for my form on www.thechampionskch.com/register, I would like to incorporate the concept that's trying to be worked here. How do I go about doing so.


Fresh graduate! Gonna be doing social work for a few years before moving into the IT industry.

Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign in to follow this  

  • Create New...