makes the component visible

void show(HTMLElement node, [object position,string point] );


nodeHTMLElementhtml element where the popup is shown
positionobjectoptional, object that may contain pos, x and y properties (see details)
pointstringoptional, the popup pointer (arrow) direction ("top", "left", "right", "bottom")


//specifying an HTML node near which a window will be shown
// placing the window above the node
$$("window").show(node, {pos:"top"});
// setting the window's position
$$("window"). show({
    x:300, //left offset from the right side
    y:50 //top offset



The properties of the position object are:

  • pos - {string} optional, "top", "left", "right", "bottom";
  • x - {number} horizontal offset;
  • y - {number} vertical offset.

Position object may be passed as the first argument instead of node.

Method usage

This method helps showing the views that were hidden before:

  • either with hide method;
  • or with hidden parameter.

The same effect as show() can be achieved if you set the hidden parameter in the view constructor to the true value.

Performance tip

With standard views (not windows) you can use an alternative to the hide, show api, namely the ui.multiview functionality to switch between views.

See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix popular javascript framework and page of js window product.