If you scroll down in this form under Medical Information and tick a checkbox beside Asthma and/or Diabetes, you'll see one or two text boxes pop up underneath the checkboxes. This is okay, but what I'd rather have is the text box out to the right of the associated checkbox. Is that possible? How would I go about doing that if so?
http://www.redkitecreative.com/projects/elc/volunteer-service-learning/volunteer-application-form/
I sort of like the way it works now :-) Looks nice.
I will have one of the more experienced guys take a look at this and see if there's a way to display those fields where you want them. Might be early next week, as most of the team is travelling this weekend. Thanks for your patience.
I'll make sure someone takes a look at it when they get back to see if it's possible. Please post again on Tuesday if you don't hear from anyone, as a reminder. Thanks
Hey there redkite, thanks for your patience. I believe this could get you down the right path:
We will float the hidden text boxes and then push them up alongside, for example (and I only tested this in Chrome with the developer tools) - you could try placing the following CSS:
[css]
#field_4_20 {
float: right;
margin: -160px 0 0 0;
}This will target the Asthma hidden field. You'll then want to rinse and repeat with your other fields and adjust the margin as needed to line up next to the check box. Let me know how this works for you.
Also, as a side note, you'll want to account for these position if all or any combination of check boxes are selected. You can always make more height be styling the left-side checkboxes as well to give them a little more height in between or hide the label on the right side options so it just has the input box. Let me know if you need any more help.