WaveMaker - Widgets API Documentation
  1. Classes
  2. CircleProgressBar

File

projects/components/widgets/basic/progress/src/progress-circle/progress-circle.component.doc.ts

Description

The wmProgressCircle component defines the progress circle 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 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 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 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 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 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 widget
Returns : void

Inputs

captionplacement
Type : string
Default value : 'hidden'

Placement of text in the widget.

Allowed Values: hidden, inside
class
Type : string

Class of the widget.
datavalue
Type : string | number
Default value : 30

This property allows user to set an initial value to the widget

Bindable: true
displayformat
Type : string
Default value : '9%'

Format(Absolute/Percentage) in which the progress needs to be displayed.

Allowed Values: 9, 9.9, 9.99, 9.999, 9%, 9.9%, 9.99%, 9.999%
hint
Type : string

Hint text is shown for the progress circle widget on hover.

Bindable: true
maxvalue
Type : number
Default value : 100

This property allows user to set a max value to the widget

Bindable: true
minvalue
Type : number
Default value : 0

This property allows user to set a min value to the widget

Bindable: true
name
Type : string

Name of the widget.
show
Type : boolean
Default value : true

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

Bindable: true
subtitle
Type : string

Subtitle for the widget.

Bindable: true
tabindex
Type : number

This property specifies the tab order of the progress circle widget.
title
Type : string

Title for the widget.

Bindable: true
type
Type : string
Default value : 'default'

Type of the bar to be displayed.

Allowed Values: default, success, info, warning, danger

Bindable: true

results matching ""

    No results matching ""