Title: Gravity Forms Styler block
Last modified: November 8, 2019

---

# Gravity Forms Styler block

 *  Resolved [Matt Scheidler](https://wordpress.org/support/users/matt6303/)
 * (@matt6303)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/)
 * 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/](https://www.ultimategutenberg.com/docs/gravity-form/)?

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

 *  Plugin Support [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-12116718)
 * Hey [@matt6303](https://wordpress.org/support/users/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/](https://www.ultimategutenberg.com/support/)
 * Looking forward to resolving your issue ASAP.
 * Regards,
    Vrunda Kansara
 *  Thread Starter [Matt Scheidler](https://wordpress.org/support/users/matt6303/)
 * (@matt6303)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-12118629)
 * 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](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-12131333)
 * Hey [@matt6303](https://wordpress.org/support/users/matt6303/) ,
 * You can add a request here for a quicker response. – [https://www.ultimategutenberg.com/support/](https://www.ultimategutenberg.com/support/)
 * Regards,
    Vrunda Kansara
 *  Plugin Support [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [6 years, 1 month ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-12749242)
 * Hello [@matt6303](https://wordpress.org/support/users/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](https://wordpress.org/support/users/essep/)
 * (@essep)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-13059673)
 * 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](https://wordpress.org/support/users/brainstormteam/)
 * (@brainstormteam)
 * [5 years, 11 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-13066839)
 * Hey [@essep](https://wordpress.org/support/users/essep/),
 * Can you please open a ticket [here](https://www.ultimategutenberg.com/support/),
   So that we can have a closer look.
 * Looking forward to hearing from you.
 * Regards,
    Rajkiran
    -  This reply was modified 5 years, 11 months ago by [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/).

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

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

 * ![](https://ps.w.org/ultimate-addons-for-gutenberg/assets/icon-256x256.gif?rev
   =3240412)
 * [Spectra Gutenberg Blocks – Website Builder for the Block Editor](https://wordpress.org/plugins/ultimate-addons-for-gutenberg/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ultimate-addons-for-gutenberg/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/)
 * [Active Topics](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ultimate-addons-for-gutenberg/reviews/)

## Tags

 * [uag](https://wordpress.org/support/topic-tag/uag/)

 * 6 replies
 * 2 participants
 * Last reply from: [Team Brainstorm Force](https://wordpress.org/support/users/brainstormteam/)
 * Last activity: [5 years, 11 months ago](https://wordpress.org/support/topic/gravity-forms-styler-block/#post-13066839)
 * Status: resolved