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

1 Like
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

1 Like
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)

3 Likes
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.

1 Like
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;
}