File

projects/components/src/widgets/common/popover/popover.component.doc.ts

Description

The wmPopover component defines the popover widget.

Index

Methods
Inputs

Methods

onHide
onHide($event: Event, widget: any)

Callback function which will be triggered when the widget is clicked.

Parameters :
Name Type Optional Description
$event Event No

DOM event on which call back is triggered

widget any No

Instance of the popover widget

Returns : void
onLoad
onLoad(widget: any)

This event handler is called when the widget is loaded.

Parameters :
Name Type Optional Description
widget any No

Instance of the popover widget

Returns : void
onShow
onShow($event: Event, widget: any)

Callback function which will be triggered when the widget is clicked.

Parameters :
Name Type Optional Description
$event Event No

DOM event on which call back is triggered

widget any No

Instance of the popover widget

Returns : void

Inputs

badgevalue

This property specifies the value to be displayed along with the label of the popover.

Bindable: true

Type : string

caption

This property specifies the label of the popover.

Bindable: true

Type : string

class

Class of the widget.

Type : string

content

Html for inline source or Partial page in case of partials.

Bindable: true

Type : string

contentsource

Sets content for the popover.

Allowed Values: inline or partial

inline: To drag and drop any widget.

partial: To select from available list of partials.

Type : string

Default value : 'partial'

encodeurl

This property when set to true will encode the provided URL at run time.

Type : boolean

Default value : true

hint

Hint text is shown for the popover widget on hover.

Bindable: true

Type : string

iconclass

CSS class of the icon.

Type : string

iconheight

height of the icon.

Type : string

iconmargin

margin of the icon.

Type : string

iconposition

Property to set the position of icon in the widget.

Allowed Values: left, top, right

left: Positions icon to the left.

top: Positions icon on the top.

right: Positions icon to the right.

Type : string

iconurl

url of the icon.

Type : string

iconwidth

width of the icon.

Type : string

interaction

This property defines which action should trigger popover to open or close.

Allowed Values: click, hover, click and hover

click: To open and close on click.

hover: To open and close on hover.

click and hover: To open and close on click/hover.

Type : string

name

Name of the popover widget.

Type : string

popoverarrow

This property will be used to display the arrow on the popover.

Type : boolean

Default value : false

popoverheight

This property defines the height of the popover.

Type : number

Default value : 360

popoverplacement

This property defines the placement of the popover.

Allowed Values: top, bottom, left and right

top: To place the popover on top.

bottom: To place the popover on bottom.

left: To place the popover on left.

right: To place the popover on right.

Type : string

Default value : 'Bottom'

popoverwidth

This property defines the width of the popover.

Type : number

Default value : 240

shortcutkey

The shortcut key property specifies a shortcut key to activate/focus an element.

Type : string

show

This property will be used to show/hide the popover widget on the web page.

Bindable: true

Type : boolean

Default value : true

tabindex

This property specifies the tab order of the popover Widget.

Type : number

Default value : 0

title

Title of the popover widget.

Bindable: true

Type : string

result-matching ""

    No results matching ""