SOLVED: Gravity forms not showing in builder

Bugs
1

Bricks Version: 1.5
Browser: Chrome
OS: Windows 11

Gravity forms are not showing up in editor - they do on front end.

Using Bricks 1.5, shortcode element.
I just get a blank block in the editor.

Tried to add it with max addons to check if that works - same result.

As said: it does show on the front end.
Any idea’s?

2

Just to add to this;
I already tried flicking the WP REST API switch, didn’t work.

3

Bricks Builder (Shortcode Element) does not render gravity form shortcode.

In browser console, I see jQuery Errors

4

I resolve this issue
jQuery is not loaded in the bricks builder.
When I load WordPress jQuery on the gravity form page.
then my gravity form is working fine

5

And how do you do that?

6

You can place this code in your functions.php of your child theme:

function load_jquery() {
  wp_enqueue_script( 'jquery' );
}

add_action( 'wp_enqueue_scripts', 'load_jquery' );

Thread:

7

using wordpress enqueue scripts functions

Please load jquery only on gravity form pages.

8

Ok, using a shortcode the GF is showing (progress :slight_smile: )

*edit… was too fast. On every change the canvas goes blank. Can’t work with it. :frowning: *

9

Bought Fluent Forms, and the issue isn’t there.
Just stays visible.

So can confirm the bug is related to Gravity Forms.

10

Go to Dashboard > Bricks > Custom code > Custom CSS

And add…

.brx-body.iframe .gform_wrapper {
   display: block!important;
}

(gravity forms is adding display: none inline when the page first loads, and then using JS to remove it, the JS just isn’t working in the builder)

11

That seems to be it! Thanks a lot!!!

Would you happen to know a solution for this as well? (stacking of input fields instead of checkboxes / radio buttons showing inline) ?

12

I would have done the same as you have already suggested in that post, to just override the default label styling from Bricks and set to inline block.

13

Good to hear - felt a bit like missing knowledge.
Thnx!

14

This

Did it for me, too.

15

Sadly digging up an old topic.
I just wanted to edit this form.

I don’t think I touched this page in a year or so.
but sadly the issue seems to have returned.

This code is in my builder settings:

.brx-body.iframe .gform_wrapper {
display: block!important;
}

If I inspect it, the ‘element-style’ is set to display none.

Hope someone can help, tried enabling code execution. But that didn’t help either. It seems the selector has changed, but I can’t figure out how and what.

16

Hey. I don’t have Gravity Forms, so I can’t check, but if you share a website, I can check what is the selector.

Matej

17

This code works:

body[data-builder-window="iframe"] .gform_wrapper {
	display: block !important;
}