How to align fields

  • Profile Image
    tinylino2
    Asked on June 07, 2011 at 05:40 PM

    I need four box's that need to align both horizontally and Vertically, All in the same row.  I can't seem to do it, it's either not justified correctly or just plain out of whack.  Is it possible? Can you help.

  • Profile Image
    NeilVicente
    Answered on June 07, 2011 at 06:02 PM

    Hi,

    To align two or more fields in the same line, you would need to shrink the fields first so they take less space.

    To shrink, right click on the field and then choose Shrink

    You can then drag the fields to align and place them where you want to.

    Let me know if this works for you or not. Feel free to ask again if you have further questions. Thank you for using Jotform.


    Neil

  • Profile Image
    Scott
    Answered on June 21, 2011 at 02:24 PM

    I have a similar problem but i am trying to make the layout go...

     

    TEXT BOX 1       TEXT

    TEXT BOX 2       BOX

    TEST BOX 3       7

    TEXT BOX 4       TEXT

    TEXT BOX 5       BOX

    TEST BOX 6       8

  • Profile Image
    abajan
    Answered on June 22, 2011 at 09:27 AM

    @ Scott

    It may be a bit tedious but using the numbers in this screenshot as a reference, could you please indicate where you wish each field in your form to be positioned in relation to the other fields?

    Thanks.

    Awaiting your reply.


    ~ Wayne

  • Profile Image
    barbaraoliver
    Answered on July 03, 2011 at 04:45 PM

    I have tried to use this method but the field won't "stick" on the same line - it pops over or under the line I want it on. Any clues?

  • Profile Image
    abajan
    Answered on July 03, 2011 at 06:38 PM

    Hi Barbara

    My hunch is that the form's width needs to be increased but I would need to see the form to be sure. Please provide its URL (found by clicking the Preview button in the toolbar) or, if applicable, the URL of the page in which it is embedded.

    Thanks.


    ~ Wayne

  • Profile Image
    NeilVicente
    Answered on July 03, 2011 at 11:42 PM

    @barbaraoliver

    If my assumptions are correct, then this is probably what you're having problems with:

    Like what Wayne has mentioned, your form's width cannot accommodate both fields in the same line, even if both fields are shrunk. Thus, your form's width should be increased.

    If increasing the width is not an option, you may opt for any of the following solutions:

    Add a Middle Name on your Full Name fields then replace "Middle Name" sub-label with "Maiden Name".  Click on the sub-label itself to change it.

     

    ------

    Decrease the size of the second field, so that it fits in the same line with the other field.

    ------

    Set the label's alignment to "Top"

     

    These solutions can be useful in any situation where the fields don't align. Feel free to contact us again if you need more help. Thank you and have a great day!


    Neil