How to Prevent the Dubsado Form Flash Before Genie Loads

When your Dubsado form loads, you may see a brief flash of the plain Dubsado form before your Genie template appears. This happens because Dubsado’s code loads before Dub-ins’s code. To fix this:

1. Open Your Form's Styling Settings
   • Go to your Dubsado form.
   • Navigate to Form Styling.
   • Scroll down and click Edit CSS.

2. Add the Following CSS

   Copy and paste the following CSS into the CSS block:

.client-view-tabs, .form-viewer, #diWCShell { visibility: hidden; }

Then, save your form.

Things to Note:

• Preview Flash
  • The flash occurs when your Dubsado form briefly appears before the Genie template loads. If you're setting up Genie on an existing Dubsado form, you’ll need to manually add the CSS above to prevent this flash. If you’ve copied our Genie Template, this CSS is already included.
• Blank Form Issue
  • Adding the above CSS will cause your form to appear blank if it does not have the initial script inside of an HTML block. Learn more here: Why Is My Form Showing a Blank Page?
• Image Optimization
  • Large images in your template can slow down loading times. Optimize your images to improve performance. Learn more here: How To Optimize and Add Your Images with Genie