Buy Now
Sign in

Checkbox Group text layout looks messy

Vegan4Animals , November 23 2019, 23:33
V
Vegan4Animals 5
November 23 2019, 23:33 #390101
Hi! I really hope someone can help me with this. As you can see, the layout of these Checkbox Group options don't look well from a Windows computer. I guess they do from other different devices but my boss is not happy with the way they are displayed on his laptop. The second line of each checkbox description is being pushed/aligned to the right instead of to the left. The description of the first and second options show up below the check boxes rather than aligned with them. I tried to use a table to get a better look for this but I don't see how I can do that without breaking up the script. Anyone has an idea of how I can improve this layout? Any help would be really appreciated. Thanks a lot in advance!
Here's the URL of the page where you can see the form: http://www.fonsecainvestments.com/preliminary-offeree-questionnaire.html
Chronoforms.JPG
GreyHead 64
November 24 2019, 15:31 #390107
Hi Vegan4Animals,
You appear to have set those long as the 'values' of the CheckBoxes. I suggest that you change the values to something short and set the long text as a description
Bob
ChronoForms technical support
If you'd like to buy me a coffee or two, thank you very much
V
Vegan4Animals 5
November 24 2019, 15:58 #390113
Thanks for your reply, GreyHead.
I just changed it to:
Aannual income in excess of $200,000=I have had an individual annual income in excess of $200,000 in each of the two most recent years and reasonably expect an individual annual income in excess of $200,000 in the current year
Joint annual income in the excess of $300,000=My spouse/legal partner and I have had joint annual income in the excess of $300,000 in each of the two most recent years and we reasonably expect joint annual income of $300,000 or more in the current year
Individual net worth of $1,000,000=I/we have an individual net worth (excluding house or business), or joint net worth with my spouse/legal partner in excess of $1,000,000
and saved it but it looks the same. No changes in the layout
The values now are shorter but the descriptions need to be long, unfortunately.
healyhatman 8
November 24 2019, 21:45 #390116
Try and use individual checkboxes, but name them for example income[over200] , income[over300] etc etc
Web developer at SkySpider.com.au - I DO NOT work for ChronoEngine!
Donations: paypal.me/healyhatman
Professional Work: kamron@skyspider.com.au
Custom CF / CC Plugins and Extensions: skyspider.com.au/store
V
Vegan4Animals 5
November 25 2019, 03:23 #390117
Thanks for your reply, healyhatman. Actually this is for my boss and he really needs the description to be very detailed. I have managed to make the form look a little bit better by using tables, <div> and <p> HTML tags. Here's an updated screenshot:
Chronoforms.JPG
Now that seemed to cause a problem with the Reset and Submit buttons at the bottom. They are now white instead of grey:
Chronoforms2.JPG
But the good thing is the form is working fine even though I added extra codes to it. Of course I wished I knew how to make those buttons look the way they should. Hopefully someone will help me with that
Attachments
Chronoforms.JPG
Chronoforms.JPG
(72.09 KiB)
67 Downloads/Views
Chronoforms2.JPG
Chronoforms2.JPG
(12.35 KiB)
66 Downloads/Views