Troubleshooting

Find answers to the most frequently asked questions about the WaveOrtho Inquiry Form

When diagnosing issues, make sure you are using the latest version of this library.


Debug Mode

Use the debug mode to diagnose issues and problems with the inquiry form from rendering correctly. The debug mode will help you learn where in the library the software is breaking by logging to the console a series of messages and a summary of relevant data at that time. When diagnosing issues in the browser, we recommend using Google Chrome. To learn more about using the console, click here for getting started and here for using the console to read JavaScript logs.

Attribute Description Type
data-debug-mode Set debug mode to true when you are having trouble getting the inquiry form to work as expected boolean

The Inquiry Form won't load at all

Subscribed

Check the settings in WaveOrtho to ensure that you're set up and subscribed to the Inquiry Form web service.

Standard ID

If you are using the standard ID, ensure that it matches "waveInquiryForm" exactly, with no spaces or whitespace around it.

data-doctor-id

Make sure your doctor ID is correct and that both the attribute ("data-doctor-id") and the value (the ID we gave to you) are spelled and formatted correctly.

If you don't have your doctor ID, please send us a message and we'll get it over to you shortly.

Custom ID & Manual Initialization

If you are using a custom ID, or initializing the form using JavaScript, make sure the scripts are being run at the bottom of the html page.

Make sure the name of the ID matches exactly what is in the id attribute of the place you want to insert the form.

Correct Path Location

Make sure that the script is pointing to the correct path.

Latest Version

Make sure you are using the latest version of the library.


The Inquiry Form is unstyled

Using the Default CSS Library

Correct Path Location - make sure the link href value is pointing to the correct path.

Using Custom CSS

Default CSS Library - If you are using a valid CSS library preset, make sure the value matches one found on the documentation pagedocumentation page.

Conflicting Styles

If certain items of the form aren't appearing as you expected, such as the exam scheduler table, arrows, or the inputs for the names, email, and phone numbers, you may have an issue with conflicting styles, from other themes and CSS from your website that override the default styles for the inquiry form and exam scheduler.

In order to overcome these styles, you may need to add additional higher-specificity CSS declarations somewhere on the page that re-set the styles that you want for the form. You may also try using the "!important" rule if nothing else seems to be working, or if the conflicting styles are also using the !important rule.

Check out Mozilla's CSS docs on specificity for more information

Specific Customizations

If you are trying to change a specific class, label, text, or setting, make sure the attributes each begin with "data-".


The inquiry form won't load the Exam Scheduler

Patient Status

Only new patients are able to book an appointment online, so in order for the Exam Scheduler to appear, the user must select "new patient" when answering "Have you visited us before?".

Multiple Locations

If you have multiple locations available, the user must select a location before the Exam Scheduler will appear.


The Exam Scheduler doesn't show any of my appointments

Templates are Set Up

Make sure that you have indicated which template groups show online in the WaveOrtho application.


The JavaScript methods aren't being called

Manual Initialization

In order for the JavaScript methods to be called, the form must be initialized manually. Make sure to include the data-wait attribute if you are using the default inquiry form ID to initialize the form manually.

Set Methods Before Form is Created

for each of the JavaScript methods (onFormRender, onFormRenderError, onFormReset, onFormSubmission) to run properly, they must be set before the createForm method is called.

for each of the JavaScript methods (onFormRender, onFormRenderError, onFormReset, onFormSubmission) to run properly, they must be set before the createForm method is called.




Still Need Help?
Call or Send us a Message