Features
This page contains structured information that will help you to start working with DHTMLX Popup and go into deep dive on its functionality.
How to start with DHTMLX Popup
In this section you can find out how to initialize Popup with different data components, and how to integrate a Popup into your applications.
Initialization
| Topic | Description |
|---|---|
| Basic initialization | Read how to initialize a Popup on a page |
| Attaching widgets | Learn how to attach a DHTMLX component to a Popup (Example 1, Example 2) |
| Attaching HTML content | Learn how to attach some HTML content to a Popup (Example) |
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 Popup with React (Demo) |
| Angular integration | Learn how to use DHTMLX Popup with Angular (Demo) |
| Vue integration | Learn how to use DHTMLX Popup with Vue.js (Demo) |
How to customize Popup
In this section you may study how to change the style of Popup.
| Topic | Description |
|---|---|
| Styling Popup | Learn how to customize a Popup (Example) |
| List of CSS classes | A set of CSS classes provided by the DHTMLX library |
How to work with Popup
In this section you may learn how to show or hide a popup, how to check its visibility, how to configure the position of the component, and more.
| Topic | Description |
|---|---|
| Showing / hiding a Popup | Learn how to show a Popup at the specified position or hide a Popup (Example 1, Example 2) |
| Auto positioning | The example shows how to configure the auto positioning for Popup |
| Prevent showing or hiding of a Popup | The example helps to understand how to prevent a Popup from being shown (Example) or hidden (Example) |
| Checking visibility of a Popup | Learn how to check whether a Popup is visible (Example) |
How to work with Popup events
This section explains how to work with Popup events.
| Topic | Description |
|---|---|
| Event basic rules | Learn basic rules on how to work with events |
| Event handling | Learn how to attach, detach, or call the Popup events (Example) |
API reference
In this section you can find out corresponding references of Popup API.
| Topic | Description |
|---|---|
| Popup methods | Check the list of Popup methods |
| Popup events | Check the list of Popup events |
| Popup properties | Check the list of Popup properties |
Common functionality
In this section you will learn about common functionality of the library which can be useful while working with Popup.
| 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!