Skip to content

Instantly share code, notes, and snippets.

@vfontjr

vfontjr/button-at-top.css

Last active September 5, 2019 06:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save vfontjr/a19d4f4ba51ddf48034c5d7d825e41fb to your computer and use it in GitHub Desktop.
Save vfontjr/a19d4f4ba51ddf48034c5d7d825e41fb to your computer and use it in GitHub Desktop.
Download ZIP
Formidable Masterminds - Move Submit Button to Top of Form
Raw
button-at-top.css
.button-at-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
Raw
div-with-button-at-top.html
<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>
Raw
frm_fields_container.css
#form_52r4h5 .frm_fields_container {
position: relative;
padding-top: 100px;
}
Raw
submit_button.html
<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