Skip to main content

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

TopicDescription
Basic initializationRead how to initialize a message on a page

Types of DHTMLX Message

TopicDescription
MessageCheck the example to learn how to show a message
AlertCheck the example to learn how to show an alert message box
ConfirmCheck the example to learn how to show a confirm message box
TooltipCheck the example to learn how to show a tooltip

Integration

TopicDescription
Backend integrationLearn how to connect DHTMLX Suite to a backend (Demo)
OptimusLearn how to use DHTMLX Optimus framework for creating DHTMLX-based app
(recommended framework for creating apps with Suite components)
React integrationLearn how to use DHTMLX Message with React (Demo)
Angular integrationLearn how to use DHTMLX Message with Angular (Demo)
Vue integrationLearn 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.

TopicDescription
Message boxLearn how to configure a message box (Example 1, Example 2)
Alert boxLearn how to configure an alert box (Example)
Confirm boxLearn how to configure a confirm box (Example)
TooltipLearn 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.

TopicDescription
DHTMLX Message customizationRead how to customize DHTMLX Message
Message with HTML contentLearn how to display the HTML content in a message box (Example)
Message system colorsThe 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) colorThe example shows how to customize a tooltip
List of CSS classesA set of CSS classes provided by the DHTMLX library

API reference

In this section you can find out corresponding references of Message API.

TopicDescription
Message box propertiesCheck the list of properties of a message box
Alert box propertiesCheck the list of properties of an alert box
Confirm box propertiesCheck the list of properties of a confirm box
Tooltip propertiesCheck 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.

TopicDescription
Touch supportLearn how to work with touch support
TypeScript supportLearn how to work with TypeScript
AwaitRedrawLearn how to perform the code after the component’s rendering

Any questions left?


info

Do you need more functionality? Feel free to share your suggestions in the comments below!