Disable Multi-Page Navigation Links via CSS

This CSS disables Mulit-page Naviation’s page links whenever GP Populate Anything disables the form navigation.

Code

Filename: gpmpn-gppa-disable-multi-page-navigation-page-links.css

/**
 * Gravity Perks // Multi-Page Navigation // Disable Multi-Page Navigation Links via CSS
 * https://gravitywiz.com/documentation/gravity-forms-multi-page-navigation/
 *
 * This CSS disables Mulit-page Naviation's page links whenever GP Populate Anything disables the form navigation.
*/
.gppa-navigation-disabled .gwmpn-page-link {
	cursor: not-allowed;
	opacity: 0.5;
	color: currentColor;
	display: inline-block;  /* For IE11/ MS Edge bug */
	pointer-events: none;
	text-decoration: none;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Trouble installing this snippet? See our troubleshooting tips.
  • Need to include code? Create a gist and link to it in your comment.
  • Reporting a bug? Provide a URL where this issue can be recreated.

By commenting, I understand that I may receive emails related to Gravity Wiz and can unsubscribe at any time.