Gravity Forms Styler block

  • Resolved Matt Scheidler

    (@matt6303)


    5 years 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)

    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)

    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)

    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)

    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

    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)

    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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Gravity Forms Styler block’ is closed to new replies.

Tags