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
Credit Card
Credit Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.
Based on
Card
.
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:creditCard
Attributes (move mouse over the names to see data types)
Name
Description
id
Unique identifier of the component in a namingContainer.
widgetVar
Name of the client side widget.
width
Width of the card image in pixels. Default is 350px.
formatting
Whether or not formatting is applied to the input fields. Default is true.
labelValidDate
Localization of the Valid Date string on the card. Default 'valid\nthru'
labelMonthYear
Localization of the Month Year string on the card. Default 'month/year'
placeholderNumber
Placeholder for the card number. Default '•••• •••• •••• ••••'
placeholderName
Placeholder for the name. Default 'Full Name'
placeholderExpiry
Placeholder for the expiry. Default '••/••'
placeholderCvc
Placeholder for the CVC. Default '•••'
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!