Move a field to the right

  • hydraAromatherapy
    Asked on March 12, 2019 at 9:48 AM

    Hello, 

    I'm trying to combined two fields (the billing and shipping address fields on the template order form) to the same line on the page, so that the billing would be on the left, and the shipping would be on the right.  However I don't see an option to send a field to the right.


    Help!

  • Alan_D
    Replied on March 12, 2019 at 12:18 PM

    I have inspected your form.
    For your goal, you can create two different address fields and display the shipping address according to the user's response.
    Please see the example below:
    1552406843bandicam20190312185815754 Screenshot 10
    https://www.jotform.com/90704957737974
    You can clone and use this form. Please see our article for cloning.
    Please follow these steps:
    1. You must first remove the previous condition.
    Move a field to the right Image 21
    2. Add multiple choice field.
    Move a field to the right Image 32
    3. Change it as shown.Move a field to the right Image 43
    4. Create a new condition.
    Move a field to the right Image 54
    5. Create and save.Move a field to the right Image 65
    6. Now we're going to take the field on the same line. Select multiple with CTRL and right click.Move a field to the right Image 76
    After that, you must inject this code into your CSS.

    #id_10,#id_20{
      width:50%;
      padding-left:10px;
    }

    First field ID
    Second field ID
    Move a field to the right Image 87

    How to Find Field IDs and Names

    I suggest you clone the test form and continue.