Form is Not Visible

Troubleshoot and fix visibility issues when your account opening form is not displaying on your website.

Last updated: 2024

Prerequisites

  • Access to Triminage dashboard
  • Access to your website code (if embedded)
  • Basic knowledge of HTML/CSS

Step-by-Step Instructions

1

Check Form Embed Code

If you've embedded the form on your website, verify that the embed code is correctly placed and hasn't been modified. Check for any syntax errors in the code.

Form embed code in website HTML
2

Inspect CSS Conflicts

Open browser developer tools (F12) and inspect the form area. Check if CSS from your website is hiding the form or causing display issues.

Browser inspector showing CSS conflicts
3

Check Z-Index Issues

Verify that other elements on your page aren't covering the form. Check z-index values and ensure the form container has proper positioning.

Z-index values in CSS inspector
4

Verify Form Container

Ensure the container element where the form is embedded has sufficient width and height. The form might be loading but hidden due to container size.

Form container dimensions and styling
5

Check Display Properties

Inspect the form element's CSS properties. Ensure it doesn't have "display: none" or "visibility: hidden" applied by your website's CSS.

CSS display and visibility properties
6

Test Direct Form URL

Try accessing the form directly using its Triminage URL (not embedded). If it works directly, the issue is with the embedding or your website's CSS.

Direct form URL access
7

Check JavaScript Errors

Open the browser console and check for JavaScript errors that might prevent the form from rendering. Fix any errors related to the form.

JavaScript console errors
8

Verify Form Status

In your Triminage dashboard, confirm that the form is active and published. Inactive or draft forms may not be visible.

Form status in dashboard

Common Causes

Forms may not be visible due to: CSS conflicts with your website, hidden display properties, z-index issues, container size problems, or JavaScript errors preventing rendering.

Quick Check

First, try accessing the form directly using its Triminage URL. If it works there, the issue is likely with how it's embedded on your website or CSS conflicts.

CSS Isolation

If you're experiencing CSS conflicts, consider using an iframe to embed the form, which isolates the form's styles from your website's CSS. Contact support for iframe embedding options.

Related Guides