Inline button next to field (without spacing)

[jonny]

Hi - we’re trying to move the submit button so it touches the edge of the field - not easy because of the flex layout - any pointers? Also a simple way to centre align fixed-width fields (or fieldsets) would be amazing in future releases.

Thanks

[doekenorg]

Hi @jonny,

If you only have the one field and the submit button, you can use a CSS solution.

Because .gform-body contains the field, and .gform-footer contains the submit button, you need to add a flex container around them. This is the <form> element by default.

form#gform_<form_id> {
    display: flex;
    flex-direction: row;
}

This will position them “inline” in the same row, without any gap.

You should be able to apply any additional styling.

Hope this helps.

Kind regards,

Doeke

[jonny]

Damn, Doeke - you’re fast!

That worked well - thank you for your help