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 { 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 may cause your form to appear blank if it does not have magic enabled. This can happen when viewing your form in an incognito window or when not signed into your Dubsado account.
• Image Optimization
  • Large images in your template can slow down loading times. Optimize your images to improve performance.