Pagination – White Space Below Footer(Fix Included)
-
There is an issue when you create multi-step forms, or in Forminator speak – add a Pagination field to a form. Without Pagination, i.e. a single page form, the footer of a theme stays where it should.
With Pagination – with every Pagination field added the theme’s footer moves upwards, leaving more and more white space below it.
There is a ticket on your support forum that shows the same issues –
Although the OP doesn’t get as far as explaining what specifically caused his issue. On a site I experienced it with – WP is current as of today & so is the Forminator plugin. I was able to reproduce it many times – as soon as a a Pagination field was added the footer moved upwards, with white space behind it. Additional Pagination fields pushed it further.
I’ve address it by the following changes to the \wp-content\plugins\forminator\build\front\front.multi.min.js file –
go_to: function(t, e) {
if (this.step = t, t === this.totalSteps) return !1;
this.$el.find(“.forminator-pagination”).css({
//height: “0”,
height: “auto”,
opacity: “0”,
//visibility: “hidden”
display: “none”
}).attr(“aria-hidden”, “true”), this.$el.find(“[data-step=” + t + “]”).css({
height: “auto”,
opacity: “1”,
//visibility: “visible”
display: “block”
}).removeAttr(“aria-hidden”);I’ve left the original lines commented out. I’ve test the fix on Edge, Chrome & FF and I no longer have any issues with the white space. Basically it’s the difference between display: none & visibility: hidden – in the former case the element takes up no space and in the latter it still does.
Hope it helps someone and perhaps it can be incorporated into the plugin.
-
It’s been half a year since it has been reported and still no fix until today. I am a little disappointed somehow ?? Thanks for providing a workaround @dibsh, I’m gonna test it immediately.
EDIT: Thanks it worked, had to change the quotes but then all works as expected.
I just realised during my original post the cut & paste – the double quotes went weird. For anyone wanting a workaround – open up the file
\wp-content\plugins\forminator\build\front\front.multi.min.js
in your public_html folder in a text editor – I use Notepad++ – and find line 3462 (or thereabouts) it will start as follows;
go_to: function(t, e) {What follows is basically is 2 conditional blocks of code.
In the 1st block find
visibility: "hidden"and comment it out & add a new line so it looks like:
//visibility: "hidden" display: "none"Then about 4-5 lines down in the 2nd block find
visibility: "visible"comment it out and add a new line below so it looks like
//visibility: "visible" display: "block"I’d suggest create your form first – confirm that additional page breaks are adding white space below your form and then do the above workaround\fix.
I’m not sure what it would do to a form that has no page breaks – but if you don’t have any page breaks – then you shouldn’t really have any need for the above.
HIH
Dibs
- The topic ‘Pagination – White Space Below Footer(Fix Included)’ is closed to new replies.
