show

makes the component visible

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

Parameters

nodeHTMLElementoptional, HTML 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")

Example

// specifying an HTML node near which a window will be shown
$$("window").show(node); 
 
// 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
});

Details

Position

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 windows that were hidden before (initially or with the help of the hide() method). To show a window you can use:

  • either the show() method;
  • or hidden parameter.
webix.ui({
  view:"window",  
  hidden:false, /* ! */
  head:"My Window",
  body:{
    template:"Some text"    
  }
});
See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix javascript ui framework and page of html5 context menu product.