Features
This page contains structured information that will help you to start working with DHTMLX Message and go into deep dive on its functionality.
How to start with DHTMLX Message
In this section you can find out how to initialize and show different types of Message on a page, and how to integrate a Message into your applications.
Message initialization
| Topic | Description |
|---|---|
| Basic initialization | Read how to initialize a message on a page |
Types of DHTMLX Message
| Topic | Description |
|---|---|
| Message | Check the example to learn how to show a message |
| Alert | Check the example to learn how to show an alert message box |
| Confirm | Check the example to learn how to show a confirm message box |
| Tooltip | Check the example to learn how to show a tooltip |
Integration
| Topic | Description |
|---|---|
| Backend integration | Learn how to connect DHTMLX Suite to a backend (Demo) |
| Optimus | Learn how to use DHTMLX Optimus framework for creating DHTMLX-based app (recommended framework for creating apps with Suite components) |
| React integration | Learn how to use DHTMLX Message with React (Demo) |
| Angular integration | Learn how to use DHTMLX Message with Angular (Demo) |
| Vue integration | Learn how to use DHTMLX Message with Vue.js (Demo) |
How to configure Message
In this section you will find the examples of how to configure an alert and confirm box, how to configure the position of a message box and tooltip, and more.
| Topic | Description |
|---|---|
| Message box | Learn how to configure a message box (Example 1, Example 2) |
| Alert box | Learn how to configure an alert box (Example) |
| Confirm box | Learn how to configure a confirm box (Example) |
| Tooltip | Learn how to configure a tooltip (Example 1, Example 2) |
How to customize Message
In this section you can learn how to customize different types of DHTMLX Message.
| Topic | Description |
|---|---|
| DHTMLX Message customization | Read how to customize DHTMLX Message |
| Message with HTML content | Learn how to display the HTML content in a message box (Example) |
| Message system colors | The example shows how to change the color of a message box |
| Styling a message (custom CSS) | The example shows how to apply custom styles to a message box |
| Styling an alert (custom CSS) | The example shows how to apply custom styles to an alert box |
| Styling a confirm (custom CSS) | The example shows how to apply custom styles to a confirm box |
| Tooltip in light (white) color | The example shows how to customize a tooltip |
| List of CSS classes | A set of CSS classes provided by the DHTMLX library |
How to work with message box
In this section you can learn how to work with a message box via API.
| Topic | Description |
|---|---|
| Closing the message box | Read how to close a message box |
API reference
In this section you can find out corresponding references of Message API.
| Topic | Description |
|---|---|
| Message box methods | Check the list of methods of a message box |
| Message box properties | Check the list of properties of a message box |
| Alert box properties | Check the list of properties of an alert box |
| Confirm box properties | Check the list of properties of a confirm box |
| Tooltip properties | Check the list of properties of a tooltip |
Common functionality
In this section you will learn about common functionality of the library which can be useful while working with Message.
| Topic | Description |
|---|---|
| Touch support | Learn how to work with touch support |
| TypeScript support | Learn how to work with TypeScript |
| AwaitRedraw | Learn how to perform the code after the component’s rendering |
Any questions left?
Do you need more functionality? Feel free to share your suggestions in the comments below!