Purchase Order: The existing form shows the product in a horizontal direction.

  • ingridgetz
    Asked on June 4, 2020 at 5:38 PM

    Hi - for some reason, my form product fields are all horizontal. I haven't been in, made any changes, or anything. HELP! 

    Jotform Thread 2369170 Screenshot
  • roneet
    Replied on June 4, 2020 at 10:15 PM

    Please inject this CSS in your form:

    .form-line, [data-wrapper-react="true"] {
      /* display: flex; */
      display: inherit;
    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know if you have further questions.

    Thanks.

  • ingridgetz
    Replied on June 5, 2020 at 1:28 PM
    Thank you!
    I see you have a new category feature. I guess I can use that now instead
    of the css to create labels. Is that the case?
    Thanks,
    Ingrid
    ...
  • Kiran Support Team Lead
    Replied on June 5, 2020 at 3:23 PM

    Correct. The categories is a new feature in the payments section. Please give it a try and let us know if you experience any issue. We will be happy to help. 

    Thanks!

  • ingridgetz
    Replied on June 5, 2020 at 5:28 PM
    I do notice that when I put them in, the categories box doesn't line up
    correctly. It's a much needed feature, though!
    So, maybe it's just that template I'm using.
    Thanks,
    Ingrid
    ...
  • roneet
    Replied on June 5, 2020 at 8:57 PM

    You may try out with a new Form, the Categories option. The existing form of yours is not responsive due to the template:

    I could not replicate any issue with the demo form:

    Purchase Order: The existing form shows the product in a horizontal direction. Image 10

    Please give it a try and let us know how it goes.

    Thanks.

  • ingridgetz
    Replied on June 6, 2020 at 2:28 PM
    Ah, so I just pick a responsive template? Will try to find one!
    Thanks,
    Ingrid
    ...
  • arda
    Replied on June 8, 2020 at 5:08 AM

    Hello,

    This problem should be resolved. I couldn't reproduce the problem due to Custom CSS. But the cloned form worked great with Product Layout. Could you please remove the custom css.

    We apologize for the inconvenience. If the problem still persists, please let us know.

    Thank you for reporting.
    Best Regards.