Skip to main content


shows a Popup

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


  • node: HTMLElement - mandatory, the container to place a popup in
  • config: object - optional, the configuration object of a popup


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

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

Related samples:

The config object 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

Change log:

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