Skip to content

Instantly share code, notes, and snippets.

@vfontjr
Last active Sep 5, 2019
Embed
What would you like to do?
Formidable Masterminds - Move Submit Button to Top of Form
.button-at-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
<div class="frm_submit button-at-top">
[if back_button]<input type="button" value="[back_label]" name="frm_prev_page" formnovalidate="formnovalidate" class="frm_prev_page" [back_hook] />[/if back_button]
<input id="contact-submit" type="submit" value="[button_label]" [button_action] />
<img class="frm_ajax_loading" src="[frmurl]/images/ajax_loader.gif" alt="Sending" style="visibility:hidden;" />
[if save_draft]<a class="frm_save_draft" [draft_hook]>[draft_label]</a>[/if save_draft]
</div>
#form_52r4h5 .frm_fields_container {
position: relative;
padding-top: 100px;
}
<div class="frm_submit">
[if back_button]<input type="button" value="[back_label]" name="frm_prev_page" formnovalidate="formnovalidate" class="frm_prev_page" [back_hook] />[/if back_button]
<input id="contact-submit" type="submit" value="[button_label]" [button_action] />
<img class="frm_ajax_loading" src="[frmurl]/images/ajax_loader.gif" alt="Sending" style="visibility:hidden;" />
[if save_draft]<a class="frm_save_draft" [draft_hook]>[draft_label]</a>[/if save_draft]
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment