How to make two fields adjacent to each other?

  • Koaching
    Asked on August 12, 2025 at 9:01 AM

    Hello,

    I am having trouble figuring out how to right size the column width where I want 2 fill-n-blanks elements that are shrunk to appear side by side (2 columns).

    The first line on the 1st fill-in-blank column is "About Me" and the first line in the 2nd fill-in-blanks column starts with "Core Values"

    How to make two fields adjacent to each other? Image 1 Screenshot 20

  • John JotForm Support
    Replied on August 12, 2025 at 9:20 AM

    Hi Jaci,

    Thanks for reaching out to Jotform Support. You can easily position the other Fill-in-the-Blank fields next to the other on the same line by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /*thread 29959451 - set core values FITB on the same line as about me FITB*/
    #id_77{
      margin-top: 300px !important;
    }
    #id_73, #id_77 {
      display: inline-block;
      vertical-align: top;
      width: 48%; /* adjust as needed */
    }
    #id_73 {
      margin-right: 2%;
    }
    /*ends here*/

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

    How to make two fields adjacent to each other? Image 1 Screenshot 30

    Check out the screenshot below to see how it looks on a cloned form now:

    How to make two fields adjacent to each other? Image 2 Screenshot 41

    Give it a try and let us know how it goes.

Your Reply