Flexmonster UI common issues

In this guide, you can find solutions to common issues that might occur with the Flexmonster UI. See how to troubleshoot your issue if it is not listed here.

Integration issues

Console error: "Uncaught ReferenceError: fm3 is not defined"

The flexmonster.js file was not loaded successfully. Ensure that you included Flexmonster files to your project and the correct path to flexmonster.js is specified:

<script src="flexmonster/flexmonster.js"></script>

Or, if you are including Flexmonster from our CDN:

<script src="https://cdn.flexmonster.com/3.0/latest/flexmonster.js"></script>

Сonsole error: "Uncaught TypeError: parentContainer.replaceWith is not a function"

The container element is missing in the f3.Controls.<control_name> API call. Set the container as follows:

Сonsole error: 'Uncaught Element doesn't exist on the page'

HTML element specified as a container in the fm3.Controls.<control_name> API call was not found. Make sure the specified element exists.

Issues with connecting to a data source

Pop-up alert: "An error occurred. Data source <data_source_name> not found"

This error occurs when the data source with the specified name is disabled, failed, or does not exist on the Flexmonster Pivot server. Ensure the data source exists and is enabled.

Learn more about managing data sources on the server.

Persistent preloader message: "Trying to connect… Reconnecting to the server… (<number_of_attempts>)"

This pop-up may appear due to one of the following reasons:

• The Flexmonster Pivot server is not running. Open the Admin Panel and start the server by selecting the Start server button.
• An incorrect URL to the Flexmonster Pivot server is specified. Make sure the dataSource.url property is set correctly when connecting to the Flexmonster server.