I am using EE 2.11.2 and Forms 3.5.3

In the form builder tool, when you click the gear icon to edit the field settings, the Field Settings popup shows up. It is supposed to appear right where that element is in the form. This works for most form elements, but it doesn't work properly for form elements within a multi-column layout. The popup shows up at the very top of the form, which means you have to scroll all the way up there to edit the settings.

1 Answer 1


To fix this, I added a line after 379 of form_builder.js, so

var Parent = $(e.target).parents('div.FormElem').last();


var Parent = $(e.target).parents('div.FormElem').last();
var Parent_Scroll = $(e.target).parents('div.FormElem').last();

I added Parent_Scroll as the element that determines the position that the Settings modal should scroll down to. Then I had to update what is now lines 393 and 394 from

var TopBefore = Settings[0].offsetTop+Parent[0].offsetTop+Settings.height();
var TopAfter = Settings[0].offsetTop-Parent[0].offsetTop;


var TopBefore = Settings[0].offsetTop+Parent_Scroll[0].offsetTop+Settings.height();
var TopAfter = Settings[0].offsetTop-Parent_Scroll[0].offsetTop;

and now the Field Settings popup shows up where it should!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.