Fix: Gravity Forms Edit Choices Scrolling to Top

by | Aug 22, 2022 | Blog

I was recently using Gravity Forms to build a complex form with over 200 form fields, many of which were multiple choice questions. Every time I went to edit the a choice selection, it would scroll me all the way to the top of the form and open up a flyout pane displaying all the choice options. It was very frustrating because then I would have to scroll through hundreds of fields to find where I was before. This may sound dramatic, but all that scrolling to find my place was adding many minutes if not hours to my workflow.

I finally just created the below snippet and added it to my functions.php file and it immediately solved my problem. I hope this helps someone else out there!

This code simply changes the flyout position from absolute to sticky.

 

add_action('admin_head', 'admin_custom_css'); 

function admin_custom_css() {
	echo '<style> .gform-admin .gform-flyout.gform-flyout--absolute {position: sticky !important; } </style>'; 
}

0 Comments

Submit a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.