File

projects/components/widgets/basic/default/src/picture/picture.directive.doc.ts

Description

The wmPicture directive defines the Picture widget.

Index

Methods
Inputs

Methods

onClick
onClick($event: MouseEvent, widget: any)

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

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

Returns : void
onDblclick
onDblclick($event: MouseEvent, widget: any)

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

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

Returns : void
onDoubletap
onDoubletap($event: TouchEvent, widget: any)

Callback function which will be triggered when the double tap event is triggered on a widget.

Parameters :
Name Type Optional Description
$event TouchEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

Returns : void
onMouseenter
onMouseenter($event: MouseEvent, widget: any)

Callback function which will be triggered when the mouse enters the widget.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

Returns : void
onMouseleave
onMouseleave($event: MouseEvent, widget: any)

Callback function which will be triggered when the mouse leaves the widget.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

Returns : void
onTap
onTap($event: TouchEvent, widget: any)

Callback function which will be triggered when the tap event is triggered on a widget.

Parameters :
Name Type Optional Description
$event TouchEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

Returns : void

Inputs

class
Type : string

Class of the widget.

conditionalclass
Type : string

This property allows user to bind expression to class property.

Bindable: true

encodeurl
Type : boolean
Default value : false

This property will be used to encode the provided URL at run time.

hint
Type : string

Hint text is shown for the Picture widget on hover.

Bindable: true

name
Type : string

Name of the Picture widget.

pictureaspect

This property can automatically size an image to the height or width of the picture widget.

Bindable: true

pictureplaceholder

This property specifies the placeholder source for the picture when picturesource is not defined.

Bindable: true

picturesource

This property specifies the source for the picture.

shape

Shape of the Picture widget.

Allowed Values: rounded, circle, thumbnail

rounded: Adds rounded corners to an image

circle: Shapes the image to a circle

thumbnail: Shapes the image to a thumbnail

show
Type : boolean
Default value : true

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

Bindable: true

tabindex
Type : number
Default value : 0

This property specifies the tab order of the Picture Widget.

result-matching ""

    No results matching ""