VCL Reports/Dashboards: How to Use MySQL

• Mar 11, 2026
• 6 minutes to read

MySQL is an open-source relational database management system developed by the Oracle Corporation. You can connect TdxDashboard/TdxDashboardControl and TdxReport components to MySQL databases using the TdxBackendDatabaseSQLConnection component.

In this topic…

• Configure & Build a RAD Studio App Project
  • Configure the SQL Connection Component
• Deploy & Run the Test App
  • Obtain & Deploy Dependencies
  • Run App & Test Database Connection
• Next Steps
• Other Supported Database Systems
  • Built-In Support
  • Database Providers That Require Assembly Deployment

Configure & Build a RAD Studio App Project

Create a new project and place TdxDashboardControl and TdxBackendDataConnectionManager components on a form.

Double-click the TdxBackendDataConnectionManager component on the form to open the Collection Editor dialog, click the Add button, and select the Database (SQL) option to create a TdxBackendDatabaseSQLConnection component:

Configure the SQL Connection Component

The previously added TdxBackendDatabaseSQLConnection component connects to the source MySQL database using a connection string. To configure this component and specify a valid connection string, add a TcxButton component to a form and handle the component’s OnClick event as demonstrated in the following code example:

Delphi

uses
  dxDashboard.Control,             // Declares the TdxDashboardControl component
  dxBackend.ConnectionString.SQL;  // Declares the TdBackendDatabaseSQLConnection component
// ...

procedure TMyForm.cxDisplayDesignerButtonClick(Sender: TObject);
begin
  dxBackendDatabaseSQLConnection1.Active := False;  // Terminates the current connection (if one exists)
  // Specify a user-friendly data connection name (for end-user dialogs) and a valid connection string:
  dxBackendDatabaseSQLConnection1.DisplayName := 'MySQL Database Connection';
  dxBackendDatabaseSQLConnection1.ConnectionString :=

    'XpoProvider=MySql;' +                      // Specifies the database engine type
    'Server=127.0.0.1;' +                       // Specifies the database server host IP address
    'User ID=MyUserName;' +                     // Specifies a valid user name
    'Password=MyPassword;' +                    // Specifies the corresponding password for the user name
    'Database=MyDatabase;' +                    // Specifies the target database name
    'Persist Security Info=true;Charset=utf8';  // Specifies additional attributes

  dxBackendDatabaseSQLConnection1.Active := True; // Connects to the test database
  dxDashboardControl1.ShowDesigner;               // Displays the "Dashboard Designer" dialog
end;

C++

#include "dxDashboard.Control.hpp"             // Declares the TdxDashboardControl component
#include "dxBackend.ConnectionString.SQL.hpp"  // Declares the TdxBackendDatabaseSQLConnection component

// Add the following linker directives to the corresponding CPP source file:
#pragma link "dxDashboard.Control"             // Required to use dxDashboard.Control.hpp declarations
#if defined(_WIN64)  // Required to use dxBackend.ConnectionString.SQL.hpp declarations
  #pragma link "dxBackend.ConnectionString.SQL.o"
#else
  #pragma link "dxBackend.ConnectionString.SQL.obj"
#endif
// ...

void __fastcall TMyForm::cxDisplayDesignerButtonClick(TObject *Sender)
{
  dxBackendDatabaseSQLConnection1->Active = false;  // Terminates the current connection (if one exists)
  // Specify a user-friendly data connection name (for end-user dialogs) and a valid connection string:
  dxBackendDatabaseSQLConnection1->DisplayName = "Oracle Database Connection";
  dxBackendDatabaseSQLConnection1->ConnectionString =

    L"XpoProvider=MySql;"                        // Specifies the database engine type
    L"Server=127.0.0.1;"                         // Specifies the database server host IP address
    L"User ID=MyUserName;"                       // Specifies a valid user name
    L"Password=MyPassword;"                      // Specifies the corresponding password for the user name
    L"Database=MyDatabase;"                      // Specifies the target database name
    L"Persist Security Info=true;Charset=utf8";  // Specifies additional attributes

  dxBackendDatabaseSQLConnection1->Active = true;  // Connects to the test database
  dxDashboardControl1->ShowDesigner();             // Displays the "Dashboard Designer" dialog
}

Tip

Alternatively, you can select the created TdxBackendDatabaseSQLConnection component in the Collection Editor and specify all required settings using the Object Inspector.

Deploy & Run the Test App

Obtain & Deploy Dependencies

1. Open the MySql.Data NuGet package page and click Download package.
2. Rename the downloaded mysql.data.9.6.0.nupkg^[1] file to mysql.data.9.6.0.zip and extract the archive.
3. Navigate to the *\mysql.data.9.6.0\lib\net8.0* folder. Copy MySql.Data.dll.
4. Create a dotnet_libraries subfolder in the project folder containing the built executable file and paste the copied file into dotnet_libraries.

5. Place the WebView2Loader.dll file from the EdgeView2 SDK GetIt package into the project folder containing the built executable file.

   Automatic WebView2Loader.dll Deployment

   To automatically place a 32 or 64-bit WebView2Loader.dll file into the target build folder, you must:

   1. Open the Project Options dialog (select the Project → Options… item in the RAD Studio menu or press Ctrl + Shift + F11).

   2. Select Build → Build Events in the tree view pane on the left and select the following option in the Target combo box:

      'All Configurations - All Platforms'

      

   3. Copy the following command line:

      copy /Y "$(BDS)\Redist\$(Platform)\WebView2Loader.dll" $(OUTPUTDIR)
      

   4. Paste the DLL deployment command line into the Commands box:

      

   5. Click the Save button to apply pending changes and close the Project Options dialog.

   6. Build the project. Confirm that the configured post-build event is trusted in the following dialog:

      

   All build operations in the current RAD Studio project now ensure that the platform-specific WebView2Loader.dll file version is available in the target build folder (for both Debug and Release configurations).

Run App & Test Database Connection

The application form contains TdxDashboardControl and TcxButton components:

Run the built executable file and click the previously added button to display the DevExpress Dashboard Designer dialog. Click the hamburger button, select the Data Sources item, and click the Add link in the DATA SOURCES pane:

Click the Create data source… link in the Add Data Source modal dialog:

Select Database in the Dashboard Data Source Wizard modal dialog and click Next:

The wizard displays the created data connection component using its display name specified earlier.

Click Next and use the Run Query Builder… option:

Expand the AVAILABLE TABLES AND VIEWS node to browse tables from the connected database:

Next Steps

Review the following tutorials to get started with TdxDashboardControl and TdxReport components:

Create a Dashboard Using the Designer Dialog

Create a dashboard application: configure Bubble Map and Chart dashboard items, and bind them to data at design time.

Create a Table Report Using the Report Wizard

Create a simple report application: define a table report layout and bind it to data using the Report Wizard dialog at design time.

Other Supported Database Systems

Refer to the following topics for step-by-step instructions on using corresponding database systems for ExpressReports and ExpressDashboards:

Built-In Support

In-Memory/Remote Web Service

The TdxBackendInMemoryJSONConnection component allows you to bind TdxDashboard/TdxDashboardControl and TdxReport components to JSON data defined in code or loaded from a remote Web API service endpoint.

SQLite

SQLite is a file-based relational database engine.

Microsoft SQL/Azure Databases

Microsoft SQL Server and Azure SQL Database are proprietary relational database management systems developed by Microsoft.

Database Providers That Require Assembly Deployment

PostgreSQL

PostgreSQL is an open-source database management system.

Oracle Database

Oracle Database is a proprietary multi-model database management system developed by the Oracle Corporation.

Firebird

Firebird is an open-source SQL relational database management system.

Footnotes

1. The currently available NuGet assembly version may differ.