File

projects/components/src/widgets/common/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

Class of the widget.

Type : string

conditionalclass

This property allows user to bind expression to class property.

Bindable: true

Type : string

encodeurl

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

Type : boolean

Default value : false

hint

Hint text is shown for the Picture widget on hover.

Bindable: true

Type : string

name

Name of the Picture widget.

Type : string

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

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

Bindable: true

Type : boolean

Default value : true

tabindex

This property specifies the tab order of the Picture Widget.

Type : number

Default value : 0

result-matching ""

    No results matching ""