Features
This page helps you start working with DHTMLX Popup and explore its functionality in depth.
How to start with DHTMLX Popup
In this section you will learn how to initialize Popup, attach DHTMLX components or HTML content to it, and integrate it into your applications.
Initialization
| Topic | Description |
|---|---|
| Basic initialization | Learn how to initialize Popup on a page |
| Attaching widgets | Learn how to attach a DHTMLX component to Popup (Example 1, Example 2) |
| Attaching HTML content | Learn how to attach HTML content to Popup (Example) |
Integration
| Topic | Description |
|---|---|
| Backend integration | Learn how to connect DHTMLX Suite to a backend (Demo) |
| Optimus | Learn how to use the DHTMLX Optimus framework to build DHTMLX-based apps (the recommended framework for 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 will learn how to change the style of Popup.
| Topic | Description |
|---|---|
| Styling Popup | Learn how to customize Popup (Example) |
| List of CSS classes | The CSS classes included in the DHTMLX library |
How to work with Popup
In this section you will learn how to show or hide Popup, check its visibility, configure its position, and more.
| Topic | Description |
|---|---|
| Showing / hiding Popup | Learn how to show Popup at the specified position or hide it (Example 1, Example 2) |
| Auto positioning | The example shows how to configure auto positioning of Popup |
| Preventing Popup from showing or hiding | Learn how to prevent Popup from showing (Example) or hiding (Example) |
| Checking visibility of Popup | Learn how to check whether Popup is visible (Example) |
How to work with Popup events
In this section you will learn how to work with Popup events.
| Topic | Description |
|---|---|
| Event basic rules | Learn the basic rules of event handling |
| Event handling | Learn how to attach, detach, or call the Popup events (Example) |
API reference
In this section you will find the Popup API reference.
| 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 library functionality that is useful when you work 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 run code after the component renders |
Any questions left?
info
Do you need more functionality? Feel free to share your suggestions in the comments below!