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

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

Question

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:

OPTION1OPTION2OPTION3

 
I would like:

OPTION1          OPTION2          OPTION3OPTION4          OPTION5

 
etc.

Edited by thecrewstaffing
Tidy

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).


<style>
 .option{
   display:inline;
   padding-right: 20px;
   line-height: 1.5em;
 }

 .title{
   padding-bottom: 6px;
 }
</style>

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.

@bernard-west


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...