Gravity Forms Styler block

Resolved Matt Scheidler
(@matt6303)

6 years, 4 months ago

I have added a Gravity Forms Styler block to my page. As soon as I choose the form from the drop-down, the block goes blank in the editor. The block is there, and I get all the options in the Block panel to the right of my screen, but instead of a preview I get nothing but whitespace.

Inspecting the code I get this at the beginning of the div:
<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_1" style="display:none">

What is causing display:none to be added inline and how can I change this so that I can get a block preview like you demonstrate at https://www.ultimategutenberg.com/docs/gravity-form/?

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Support Team Brainstorm Force
(@brainstormteam)

6 years, 4 months ago

Hey @matt6303 ,

Thank you for reaching us out.
That does not happen ideally. Are you using any third-party plugin that might be causing this?

You can add a request here for a quicker response. – https://www.ultimategutenberg.com/support/

Looking forward to resolving your issue ASAP.

Regards,
Vrunda Kansara
Thread Starter Matt Scheidler
(@matt6303)

6 years, 4 months ago
Thank you for the reply. I disabled all plugins except for Gravity Forms and UAG, and the problem persists. I also tried changing the theme from Astra (child) to Twenty Nineteen.

I have added some custom CSS to apply to the WordPress admin, which allows the block preview to be shown. For now this works for me.
```
#gform_wrapper_1 {
	display: inherit!important;
}
```
Plugin Support Team Brainstorm Force
(@brainstormteam)

6 years, 4 months ago

Hey @matt6303 ,

You can add a request here for a quicker response. – https://www.ultimategutenberg.com/support/

Regards,
Vrunda Kansara

Plugin Support Team Brainstorm Force
(@brainstormteam)

5 years, 11 months ago

Hello @matt6303,

Since it’s been quite some time since I heard from you, I assume that this is resolved and therefore, I am marking it resolved for now.

Please feel free to let us know if you need any further help.

Regards,
Rajkiran

essep
(@essep)

5 years, 9 months ago

Hi,
I’ve found this topic looking for a solution to this exact problem. As mentioned by matt, on the backend the form preview has a display:none that hides it, but the problem is that on the frontend the form doesn’t show up and is replaced by a chunk of commented code that appears to be raw json, and start like this:
`<!– wp:uagb/gf-styler {“block_id”:”0bf650ef”,”formId”:”2″,”isHtml”:true,”formJson”:{“success”:true,”data”:{“html”:”\n \u003cdiv class=’gf_browser_chrome gform_wrapper’ id=’gform_wrapper_2′ style=’d

I’m on last version of wordpress and the plugin.
Plugin Support Team Brainstorm Force
(@brainstormteam)

5 years, 9 months ago
Hey @essep,

Can you please open a ticket here, So that we can have a closer look.

Looking forward to hearing from you.

Regards,
Rajkiran
- This reply was modified 5 years, 9 months ago by Team Brainstorm Force.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Gravity Forms Styler block’ is closed to new replies.

Tags