Sets or gets the arrow's offset from its default position.

The time for showing of the widget.

Possible Values:

'fast'

'slow'

time in milliseconds e.g. 1000

The time for showing of the widget.

Possible Values:

'fast'

'slow'

time in milliseconds e.g. 1000

Sets or gets the closing of the widget after click outside of the popover.

Sets the type of animation.

Possible Values:

'none'

'fade'

Code example

Set the animationType property.

$('#jqxPopover').jqxPopover({animationType : 'fade'}); 

Get the animationType property.

var animationType = $('#jqxPopover').jqxPopover('animationType'); 

Sets or gets the popover's height.

Initializes the popover's content.

Sets or gets whether the popover is displayed as a modal dialog. If the jqxPopover's mode is set to modal, the popover blocks user interaction with the underlying user interface.

Sets or gets the Popover's offset from its position.

Code example

Set the offset property.

$('#jqxPopover').jqxPopover({offset : {left: 10, top: 10}}); 

Get the offset property.

var offset = $('#jqxPopover').jqxPopover('offset'); 

Sets or gets the position of the popover. The position presents the orientation of the popover compared to the selector element

Possible Values:

'top'

'right'

'bottom'

'left'

Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.

Code example

Set the rtl property.

$('#jqxPopover').jqxPopover({rtl : true}); 

Get the rtl property.

var rtl = $('#jqxPopover').jqxPopover('rtl'); 

Sets or gets the Popover's selector. The selector is the element where the Popover is displayed.

Sets or gets the displaying of the popover's arrow.

Sets or gets whether the close button is displayed.

Sets or gets the popover's width.

Sets or gets the popover's title.

Sets the widget's theme.

• Include the theme's CSS file after jqx.base.css.
  The following code example adds the 'material' theme.

  <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> 
  <link rel="stylesheet" href="../../jqwidgets/styles/jqx.material.css" type="text/css" /> 

• Set the widget's theme property to 'material' when you initialize it.

This event is triggered when the popover is closed.

This event is triggered when the popover is opened.

Closes the popover.

Destroy the widget.

Open the popover.