Move a field to the right

  • Profile Image
    hydraAromatherapy
    Asked on March 12, 2019 at 09: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!

  • Profile Image
    Alan_D
    Answered 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.gif
    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.
    15524070151.png
    2. Add multiple choice field.
    15524070332.png
    3. Change it as shown.15524070423.png
    4. Create a new condition.
    15524070494.png
    5. Create and save.15524070575.png
    6. Now we're going to take the field on the same line. Select multiple with CTRL and right click.15524070676.png
    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
    15524074607.png

    How to Find Field IDs and Names

    I suggest you clone the test form and continue.