Skip to content

Instantly share code, notes, and snippets.

@raphaelnikson

raphaelnikson/gravity-forms-notification-popup.css

Forked from anythinggraphic/gravity-forms-notification-popup-keep-form.php
Created December 2, 2016 08:53
Show Gist options
  • Save raphaelnikson/adf5559cd75197fe3844de3733f5fb1c to your computer and use it in GitHub Desktop.
Save raphaelnikson/adf5559cd75197fe3844de3733f5fb1c to your computer and use it in GitHub Desktop.
Download ZIP
Gravity Forms Notification Popup (Genesis Framework)
Raw
gravity-forms-notification-popup.css
#overlay {
background: #000;
background: rgba(0, 0, 0, 0.3);
display: block;
float: left;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
#gform-notification {
background: #fff;
border-radius: 10px;
display: block;
margin: auto;
max-height: 237px;
max-width: 520px;
padding: 61px;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
text-align: center;
width: 100%;
z-index: 101;
}
#gform-notification .button {
margin: 20px 0 0;
padding: 12px 24px;
}
Raw
gravity-forms-notification-popup.php
<?php
//* Gravity Forms notification popup instead of the page redirect or AJAX notification
//* @link https://anythinggraphic.net/gravity-forms-notification-popup
/* Override the default Gravity Forms confirmation behavior, displaying it in a popup. Remember to style the divs.
----------------------------------------------------------------------------------------*/
add_filter( 'gform_confirmation', 'ag_custom_confirmation', 10, 4 );
function ag_custom_confirmation( $confirmation, $form, $entry, $ajax ) {
add_filter( 'genesis_after_footer', 'ag_overlay');
return '<div id="gform-notification">' . $confirmation . '<a class="button" href="#">OK</a></div>';
}
/* Add script to remove the overlay and confirmation message once the button in the popup is clicked.
----------------------------------------------------------------------------------------*/
function ag_overlay() {
echo '<div id="overlay"></div>';
echo '
<script type="text/javascript">
jQuery("body").addClass("message-sent");
jQuery("#gform-notification a").click(function() {
jQuery("#overlay,#gform-notification").fadeOut("normal", function() {
$(this).remove();
});
});
</script>
';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment