Is there a way to position submission options?

  • Profile Image
    solatinagroup
    Asked on November 14, 2011 at 08:30 PM

    Please see the attached screenshot. Is there a way that "Dr. Karen Caraballo's" name can be positioned directly under "Dr. Clara Lora's" name? 

    Is that possible or can we only get it to show up as it looks now? We need to keep the width of the page the same or it won't show up on our FB page or blog.

    Thank you.

  • Profile Image
    abajan
    Answered on November 14, 2011 at 10:31 PM

    It's possible but unfortunately, across browsers my solution does not show consistent spacing between the check box items. The spacing looks okay in Firefox 8, Opera 11 and (surprisingly) IE 8 but is too wide in Chrome 15 and Safari 5 (all on Windows).

    How it was done:

    First, each item of the field was wrapped in paragragh tags and a break was inserted immediately before "Dr. Karen Caraballo". Then, the following CSS was injected:

    .form-single-column p {
    padding-left:30px;
    text-indent:-80px;
    margin:-16px 0 0 70px;
    }

    Feel free to clone the form.

  • Profile Image
    solatinagroup
    Answered on November 14, 2011 at 10:56 PM

    Thanks for the tips. I did exactly what you said and it worked! It even showed up correctly in Chrome 15 and Safari 5 for me. The screenshots you provided were also extremely helpful.

    Thanks again.

  • Profile Image
    abajan
    Answered on November 15, 2011 at 09:25 AM

    Glad to help.

    Cheers