Title: Inline field and submit button
Last modified: June 4, 2025

---

# Inline field and submit button

 *  Resolved [Presson](https://wordpress.org/support/users/pressonforlife/)
 * (@pressonforlife)
 * [1 year ago](https://wordpress.org/support/topic/inline-field-and-submit-button/)
 * Hello Sir,
 * I used **Forminator** to create a **Newsletter Form**.
 * The thing is, I want the Form to really look like a **Newsletter Form**— where
   the **Email field** and the **Submit button** will be arranged _side by side_,
   which technically we say “**inline**“.
 * Please, how can I achieve that ?
 * Regards.

Viewing 13 replies - 1 through 13 (of 13 total)

 *  [Kris – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport13/)
 * (@wpmudevsupport13)
 * [1 year ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18498186)
 * Hi [@pressonforlife](https://wordpress.org/support/users/pressonforlife/)
 * Please note that by default, this is not possible, and this will be outside the
   scope of support to provide such a thing. For that, you’ll need to hire a developer
   to provide the required custom code for you. WordPress provides a jobs directory
   here [https://jobs.wordpress.net/](https://jobs.wordpress.net/), if you need 
   further advice about it, feel free to email `wpsupport@incsub.com`.
 * – Subject: ATTN: WPMU DEV support – wp.org
   – Link back to this thread for reference(
   [https://wordpress.org/support/topic/inline-field-and-submit-button/](https://wordpress.org/support/topic/inline-field-and-submit-button/))
 * Kind Regards,
   Kris
 *  Thread Starter [Presson](https://wordpress.org/support/users/pressonforlife/)
 * (@pressonforlife)
 * [1 year ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18501010)
 * What I am asking for, is just a simple **CSS Code** that will fix everything,
   and give me the simple solution that I need.
 * I have gone through your **Forum** and **copied** and **applied** all the CSS
   codes that were supplied to other people, for the same problem: this one especially—
   [https://wpmudev.com/forums/topic/forminator-display-submit-button-inline/](https://wpmudev.com/forums/topic/forminator-display-submit-button-inline/)
 * But they all still didn’t work.
 * This matter is not something I need to hire a developer for.
 * Rather than hire a developer, I will just use the **MailChimp for WordPress**
   plugin ([https://wordpress.org/plugins/mailchimp-for-wp](https://wordpress.org/plugins/mailchimp-for-wp))—
   and the issue will be solved.
 * The thing there is that, since you already offer a Form that does **Newsletter**,
   I just felt that I shouldn’t add another plugin to my website.
 * But if you can’t assist me with the **CSS code** to simply align my **Email field**
   with the **Submit button** on the same line in an **inline arrangement**, then
   I will just go for that plugin.
 * Nonetheless, it will be painful to me, that you couldn’t help with this small
   thing.
 * Regards.
 *  Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/)
 * (@wpmudevsupport12)
 * [1 year ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18501816)
 * Hi [@pressonforlife](https://wordpress.org/support/users/pressonforlife/)
 * I understand your frustration.
 * We modified the support scope and any custom coding is now out of scope: [https://wpmudev.com/docs/getting-started/getting-support/#custom-development](https://wpmudev.com/docs/getting-started/getting-support/#custom-development)
 * With that said, we have plans to implement a flexible button position for Forminator
   1.46, we can’t yet give an estimated time for that feature but you can subscribe
   to [https://wpmudev.com/roadmap/#dev-subscribe](https://wpmudev.com/roadmap/#dev-subscribe)
 * A possible workaround here is via the HTML field.
 * Note, similar to CSS what I can provide in term of code is limited, but I achieved
   similar style by:
 * – Create a HTML field
    – Place it side by side, example [https://monosnap.com/file/asNVvGrORMltc7pGpKaYvuHXitoE2a](https://monosnap.com/file/asNVvGrORMltc7pGpKaYvuHXitoE2a)–
   Add a custom button, make sure it is type submit [https://www.w3schools.com/tags/tag_button.asp](https://www.w3schools.com/tags/tag_button.asp)–
   Hide the native button with a conditional that you know it won’t happen [https://monosnap.com/file/ZttSuhQMUfraHBAx04bnCxtjOdUOyh](https://monosnap.com/file/ZttSuhQMUfraHBAx04bnCxtjOdUOyh)–
   In end you will have something similar to [https://monosnap.com/file/GhhODx6HuDhzaeluxjdxRlE5mmrkrS](https://monosnap.com/file/GhhODx6HuDhzaeluxjdxRlE5mmrkrS)
 * Best Regards
    Patrick Freitas
 *  Thread Starter [Presson](https://wordpress.org/support/users/pressonforlife/)
 * (@pressonforlife)
 * [12 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18502511)
 * I understand this.
 * But will the **HTML Button** of **Type** =”**submit**“, function in equal capacity,
   like the Forminator Submit button ?
 * 2.) **Scope** **of Support** or **no scope of** **Support**, I’m actually shocked
   😲 that **Forminator** doesn’t even have a simple native way of having field 
   and submit button, inline.
 * It’s so surprising to me: and I can now see why you made a big deal out of it.
 * Nonetheless, this shouldn’t be a big deal: Please try to implement it soon.
 * Regards.
 *  Plugin Support [Dmytro – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport16/)
 * (@wpmudevsupport16)
 * [12 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18503121)
 * Hello [@pressonforlife](https://wordpress.org/support/users/pressonforlife/),
 * > But will the HTML Button of Type =”submit“, function in equal capacity, like
   > the Forminator Submit button ?
 * You will also need to use the same CSS classes as in the original button:
    [https://prnt.sc/F2TpzOHZ5pKM](https://prnt.sc/F2TpzOHZ5pKM)
 * You may check the original code in the browser inspector as explained here:
    
   [https://appuals.com/open-browser-console/](https://appuals.com/open-browser-console/)
 * > Nonetheless, this shouldn’t be a big deal: Please try to implement it soon.
 * Thanks for your feedback, we’ve forwarded it to the plugin developers.
 * Best Regards,
    Dmytro
 *  Thread Starter [Presson](https://wordpress.org/support/users/pressonforlife/)
 * (@pressonforlife)
 * [12 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18506581)
 * This is what I am trying to mean: the **Form field** and **inline submit button**,
   should not be a big deal.
 * You see, I tried **WPForms** ( [https://wordpress.org/plugins/wpforms-lite](https://wordpress.org/plugins/wpforms-lite/))
   and I had issue — because I had inline Form field and Submit button, but the 
   field and submit button were miles apart.
 * When I spoke to them, ordinary **CSS** solved the issue, as you can see here —
   [https://wordpress.org/support/topic/inline-newsletter-form/#post-18506332](https://wordpress.org/support/topic/inline-newsletter-form/#post-18506332)
 * This is the same thing that I am asking of Forminator, but then, it required 
   a big hack for it to happen.
 * That’s an indication that there needs to be a **big refactoring** of the **Forminator
   Codebase** for this functionality to become an **in-built feature**, OR for this
   functionality to be something that **CSS** can easily fix (_when users need it_).
 * That your **hacky way** of **HTML field**, will be highly prone to errors and
   problems.
 * Please, make it as simple and as straight forward as it is, on **WPForms**.
 * Regards.
 *  Plugin Support [Saurabh – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support7/)
 * (@wpmudev-support7)
 * [12 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18506870)
 * Hello [@pressonforlife](https://wordpress.org/support/users/pressonforlife/)
 * Thank you for your feedback, we really appreciate it. I will pass your feedback
   internally with the Forminator team for their review. However, as mentioned previously,
   we are already planning to address the button position issue and the team is 
   working on the improvement.
 * Regarding the CSS, as explained by Patrick in his response, we are bound with
   the scope of support – hence I am afraid not much we can do and hence the workaround
   using HTML 🙂
 * > That your hacky way of HTML field, will be highly prone to errors and problems.
 * I can understand your concern, in this case, it will be a good idea to test it
   on a staging/dev site before implementing on the live site to check if it works
   as expected. If so, you can use it on the live site.
 * Once again, thank you for your feedback. It means a lot to us.
 * Kind Regards,
    Saurabh
 *  Plugin Support [Imran – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support9/)
 * (@wpmudev-support9)
 * [11 months, 2 weeks ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18529118)
 * Hello [@pressonforlife](https://wordpress.org/support/users/pressonforlife/),
 * Regarding the above response. The request has already been shared with the Forminator
   Development Team in their internal task list. Additionally, the team plans to
   implement this feature in an upcoming update. At the moment, I have no ETA to
   share with you. However, in future updates, you’ll see the improvement for this
   feature.
 * I also suggest subscribing to our roadmap and receiving updates about our products
   [https://wpmudev.com/roadmap](https://wpmudev.com/roadmap).
 * That said, this was already forwarded to our developers, and I am marking this
   thread as resolved, but if you have any additional questions, feel free to let
   us know.
 * –
    Kind Regards, Imran Khan
 *  Thread Starter [Presson](https://wordpress.org/support/users/pressonforlife/)
 * (@pressonforlife)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18583254)
 * 1.) **Forminator** has **MailChimp** integration for free.
 * 2.) **Forminator** has **Post Data** that enables us to _submit_ **Custom Post
   Type** through a **Frontend Posts submission Form**: this it does for free.
 * These free features, are attractions that makes me kinda stuck with **Forminator**.
 * But this does not mean, that it should preclude us from wanting Forminator to
   still get better.
 * On this issue of **inline submit button**, I have studied what is done in **WPForms**,
   and in **Fluent Forms**: what I realized is that they have a **Column Field**.
 * This **Column field** can be split into 1 to 3 Columns, and you can insert any
   field like Text, Textarea, Radio, Select, Submit button, and whatever else inside
   any of the Columns.
 * So it occurred to me that if **Forminator** has a **Column field** where each
   Column can accept any field type, then I can have a two Column field where the
   first column is the Input field, and the second column is the Submit button.
 * **MOVING FORWARD** Can Forminator come up with a **Column field** that can enable
   us have **multiple Columns** which accepts any field type — where we can then
   place any field we like into each column ?
 * 2.) Can You provide me with **CSS** that can enable me achieve this Inline Input
   Field and Submit button ?
 * If You are talking of being outside support scope, can you provide me the **class
   names** that I need to target, so that I can do it myself through CSS flexbox?
 * 3.) Does Forminator have **OTP** Functionality — where we send a Code to the 
   User on Registration, and when they come back to enter the Code they received,
   they get registered ?
   Needing to hear from You soon.Regards.
 *  Plugin Support [Jair – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport15/)
 * (@wpmudevsupport15)
 * [10 months, 1 week ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18583851)
 * Hello [@pressonforlife](https://wordpress.org/support/users/pressonforlife/)
 * I’m sorry to hear you’re having difficulties on configuring Forminator in order
   to have a layout you desire.
 * Forminator already allows you to have up to 4 columns where you can place fields
   horizontally. The issue is that, by design, the submit button can’t be moved 
   in the grid of fields. As mentioned, we are currently working to improve this
   behavior to allow users to create a fully horizontal form, although I don’t have
   information about how it will be implement by our development team.
 * Regarding the CSS classes, a Forminator form starts with a <form> element, which
   inside there are a list of container elements using the “forminator-row” class.
   The last container contains that class and also the “forminator-row-last” class.
   Usually, this last container is the one that contains the submit button.
 * Looking at your case, I may suggest another workaround. Although Forminator doesn’t
   have a proper way to create an horizontal aligned form, we have a similar plugin
   named Hustle, which is used for pop-ups, slide-ins and embed, aimed to have “
   Call to action” buttons or simple forms that are aimed to get leads or send contact
   information to other services. If you create a Hustle “Opt-in email” Embed, without
   any template, by default, the result will be an element that contain an horizontal
   form, which you can add anywhere using a shortcode. Hustle can also integrate
   to Mailchimp, so I suggest you to give it a look.
 * Kind regards,
   Jair.
 *  Plugin Support [Nithin – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport11/)
 * (@wpmudevsupport11)
 * [9 months, 3 weeks ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18598899)
 * Hi [@pressonforlife](https://wordpress.org/support/users/pressonforlife/),
 * Since we haven’t heard from you for a while. I’ll mark this thread as resolved
   for now. Please feel free to re-open this thread if you need any further assistance.
 * Kind Regards,
 * Nithin
 *  Thread Starter [Presson](https://wordpress.org/support/users/pressonforlife/)
 * (@pressonforlife)
 * [8 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18669054)
 * This is me doing a reminder ⁉
 * Have you started working on the possibility of us being able to have a “**flexible
   submit button**” that can enable us have an inline Form ?
   Regards.
 *  Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * (@wpmudev-support2)
 * [8 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18669967)
 * Hi [@pressonforlife](https://wordpress.org/support/users/pressonforlife/)
 * We usually close the topics after 1 week with no response.
    Your request has 
   already been brought to our forminator team’s attention, however as mentioned
   above by my colleague, we can’t provide an ETA.
 * I hope we can implement it soon.
 * Best Regards
    Amin

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Inline field and submit button’ is closed to new replies.

 * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182)
 * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/forminator/)
 * [Active Topics](https://wordpress.org/support/plugin/forminator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/)

 * 15 replies
 * 9 participants
 * Last reply from: [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/)
 * Last activity: [8 months ago](https://wordpress.org/support/topic/inline-field-and-submit-button/#post-18669967)
 * Status: resolved