How can I adjust field alignment/layout

  • Profile Image
    asamothstudios
    Asked on September 30, 2012 at 09:09 PM

    Hi

     

    I am trying to create a contact form with a particular layout for the fields. I need the name, telephone and email fields under each other with left alignment and a message filed aligned to the right of the other three fields. The website has the layout I am trying to replicate but whenever I move the message field the email and contacts always end up below and not next to the field. 

     

    My attempted form is here: http://form.jotform.co/form/22737561827865

  • Profile Image
    idarktech
    Answered on October 01, 2012 at 03:48 AM

    Hi,

    I hope I got it correctly. Check this: http://form.jotform.me/form/22741556055453?

    Feel free to clone this form by following this guide: How to clone an existing form from a URL

    I've used CSS codes to align the message box. This what I've injected to this form.

    #id_5{

    position: absolute;

    left: 360px;

    top: 0;

    }

    #input_5{

    height: 165px !important;

    max-height: 165px !important;

    min-height: 165px !important;

    }

    If you'd like to modify this codes, follow this guide: How to Inject Custom CSS Codes

    Let us know if you need anything else. Thanks!