Flyout.showAt method

Article
01/26/2017

Shows the Flyout, if hidden, regardless of other states, top and left aligned at specified coordinates or at the location of the mouse event object.

Syntax

flyout.showAt(x, y);
flyout.showAt(mouseEventObj: MouseEvent);

Parameters

x
Type: number

Required. The x coordinate point where the top left corner of the Flyout will appear, relative to the top and left edge of the visual viewport.
y
Type: number

Required. The y coordinate point where the top left corner of the Flyout will appear, relative to the top and left edge of the visual viewport.
MouseEventObj
Type: MouseEvent

Required. The MouseEvent Object that specifies where to show the Flyout based on its location.

Return value

This method does not return a value.

Remarks

The showAt() method can be overloaded with either x,y coordinates or a mouse event object.

Examples

The following example shows how to use a Flyout as a context menu for Mouse/Pointer events.

window.oncontextmenu = function (e) {
    e.preventDefault();
    var flyout = document.querySelector("#myFlyout").winControl;
    flyout.showAt(e);
}

Requirements

Minimum WinJS version	WinJS 4.1
Namespace	WinJS.UI