WaveMaker - Widgets API Documentation
  1. Classes
  2. Picture

File

projects/components/widgets/basic/picture/src/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
Type : any

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

Bindable: true
pictureplaceholder
Type : any

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

Bindable: true
picturesource
Type : any

This property specifies the source for the picture.
shape
Type : any

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.

results matching ""

    No results matching ""