WaveMaker - Widgets API Documentation
  1. Classes
  2. Card

File

projects/components/widgets/data/card/src/card.component.doc.ts

Description

The wmCard component defines the card widget.

Index

Methods
Inputs

Methods

onClick
onClick($event: MouseEvent, widget: any, item: any, currentItemWidgets: 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 card widget
item any No

Data of the card on which click event is triggered
currentItemWidgets any No

Widgets inside the card on which click event is triggered
Returns : void
onDblclick
onDblclick($event: MouseEvent, widget: any, item: any, currentItemWidgets: 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 card widget
item any No

Data of the card on which double click event is triggered
currentItemWidgets any No

Widgets inside the card on which double click event is triggered
Returns : void
onDoubletap
onDoubletap($event: TouchEvent, widget: any, item, currentItemWidgets)

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 card widget
item No

Data of the card on which double tap event is triggered
currentItemWidgets No

Widgets inside the card on which double tap event is triggered
Returns : void
onMouseenter
onMouseenter($event: MouseEvent, widget: any, item: any, currentItemWidgets: 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 card widget
item any No

Data of the card on which mouse enter event is triggered
currentItemWidgets any No

Widgets inside the card on which mouse enter event is triggered
Returns : void
onMouseleave
onMouseleave($event: MouseEvent, widget: any, item: any, currentItemWidgets: 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 card widget
item any No

Data of the card on which mouse leave event is triggered
currentItemWidgets any No

Widgets inside the card on which mouse leave event is triggered
Returns : void
onMouseout
onMouseout($event: MouseEvent, widget: any, item: any, currentItemWidgets: any)

Callback function which will be triggered when the mouse moves away from the card.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered
widget any No

Instance of the card widget
item any No

Data of the card on which mouse out event is triggered
currentItemWidgets any No

Widgets inside the card on which mouse out event is triggered
Returns : void
onMouseover
onMouseover($event: MouseEvent, widget: any, item: any, currentItemWidgets: any)

Callback function which will be triggered when the mouse moves over the card.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered
widget any No

Instance of the card widget
item any No

Data of the card on which mouse over event is triggered
currentItemWidgets any No

Widgets inside the card on which mouse over event is triggered
Returns : void
onTap
onTap($event: TouchEvent, widget: any, item, currentItemWidgets)

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 card widget
item No

Data of the card on which tap event is triggered
currentItemWidgets No

Widgets inside the card on which tap event is triggered
Returns : void

Inputs

actions
Type : string

This property sets the the data and events action for the widget.

Bindable: true
class
Type : string

Class of the widget.
iconclass
Type : string

CSS class of the icon.

Bindable: true
iconurl
Type : string

url of the icon.

Bindable: true
imageheight
Type : string
Default value : '200px'

height of the image.
itemaction
Type : string

This property specifies the item action for dynamically generated menu items.

Bindable: true
itemchildren
Type : string

This property is to add sub menu items.

Bindable: true
itemicon
Type : string

This property specifies icon for dynamically generated menu items.

Bindable: true
itemlabel
Type : string

This property specifies label for dynamically generated menu items.

Bindable: true
itemlink
Type : string

This property specifies link for dynamically generated menu items

Bindable: true
name
Type : string

Name of the card widget.
picturesource
Type : string

picturesource of the card widget.

Bindable: true
picturetitle
Type : string

Picturetitle of the card widget.

Bindable: true
show
Type : boolean
Default value : true

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

Bindable: true
subheading
Type : string

Sub Heading of the card widget.

Bindable: true
title
Type : string

Title of the card widget.

Bindable: true
userrole
Type : string

This property specifies the role for dynamically generated menu items.

Bindable: true

results matching ""

    No results matching ""