Theme
arya
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga
vela
arya
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga
vela
Counter
Counter animates a numerical value by counting to it.
Based on
CountUp.js
by inorganik.
Components and more
ClientBehaviours
Converters
Functions, Utils
BlockUI
Calculator
Clipboard
CodeMirror
CodeScanner
CookiePolicy
Counter
Credit Card
ClockPicker
Document Viewer
DynaForm
EChart
FluidGrid
Fuzzy Search
GChart
ImageAreaSelect
ImageRotateAndResize
ImageZoom
InputOtp
InputPhone
InputPlace
Keynote
Layout
Legend
LightSwitch
Localized
MarkdownEditor
MasterDetail
MonacoEditor
Orgchart
OpenStreetMap
QRCode
RemoteCommand
Session
Sheet
SlideOut
Speedtest
SunEditor
Timer
TimeAgo
TimePicker
Tooltip
TriStateManyCheckbox
Waypoint
Use Cases
Basic Usage
Documentation pe:counter
Attributes (move mouse over the names to see data types)
Name
Description
id
Unique identifier of the component in a namingContainer.
rendered
Boolean value to specify the rendering of the component, when set to false component will not be rendered.
widgetVar
Name of the client side widget.
style
Style of the main container element. Default value is null.
styleClass
Style class of the main container element. Default value is null.
start
Number to start at. Default is 0.
end
The value you want to arrive at.
decimals
Number of decimal places. Default is 0.
duration
Animation duration in seconds. Default is 2.
useGrouping
Example: 1,000 vs 1000. Default is true.
useEasing
Ease animation. Default is true.
smartEasingThreshold
Smooth easing for large numbers above this if useEasing. Default is 999.
smartEasingAmount
Amount to be eased for numbers above threshold. Default is 333.
locale
String or java.util.Locale representing user locale. Default is a locale specified in view root.
separator
Grouping separator. Default is your locale's default.
decimal
Decimal separator. Default is your locale's default.
prefix
Text prepended to result.
suffix
Text appended to result.
autoStart
In autoStart mode, the counter will start immediately. Default is true.
visible
Set to false to hide the counter. The listener will be fired anyway. Default is true.
onstart
Javascript handler executed the counter starts.
onend
Javascript handler executed the counter stops.
Events (move mouse over the names to see classes)
Name
Description
start
fires when the counter is started
end
fires when the counter is stopped
PrimeFaces Extensions Showcase - © 2011-2023,
PrimeFaces: 14.0.5,
PrimeFaces Extensions: 14.0.5,
JSF: Apache MyFaces JSF-2.3 Core Impl 2.3.10,
Server: jetty/9.4.36.v20210114,
Build time: 2024-09-10 21:01
occured!