Inline Form / Inline Fields

Product Support
1

Hi all,

I’m trying to create my first standalone form for my website.

I was just looking to create a simple inline form for a newsletter signup, consisting of an email field and a submit button.

However, I’m struggling to make the elements run inline/horizontally - they’re always stacked one on top of the other.

In the Form Attributes section, I’ve tried the following combinations:

  1. style = “display: flex; flex-wrap: nowrap;”
  2. form style=“display:inline;”
  3. form style=“display:inline!important;”
  4. div style=“display:flex;”
  5. form style=“display:flex;”
  6. form style = “display: flex; flex-wrap: nowrap;”

Some of them actually reduce the width of the email field, which gave me some hope that I was heading in the right direction but none of these give the desired effect.

I originally tried these in the Field attributes for each element, and even tagging them onto the Input Attributes that I’d already assigned (font-family, colour etc.) but this didn’t seem to work at all so I’m lost with this.

Please, is any kind soul here able to help me out?

2

Check this thread out

3

Thank you for the suggestion @robm . I believe I saw this thread in the past but I have re-visited it to seek advice in any case :+1: .

If anyone can offer any assistance I’d be eternally grateful!