Skip to main content


shows a Popup

show(node: HTMLElement, config?: object): void;


  • node: HTMLElement - mandatory, the container to place a popup in
  • config: object - optional, the configuration object of a popup. It can contain the properties below:
    • centering: boolean - defines whether a popup should be centered relative to the element, true by default
    • auto: boolean - enables autopositioning of a popup, i.e. it will be shown at that side of an element which provides enough space for a popup
    • mode: string - the position relative to the element to show a popup at: "left", "right", "bottom" (default), "top"
    • indent: number - the offset of a popup relative to the element


<div id="popup_container"></div>

const popup = new dhx.Popup();"popup_container");

Change log:

The indent property of the config parameter is added in v6.1.