Buy me a beer
isabolic99
About me
SpinKit plugin
SpinKit is DA plugin that shows custom spinner on apex region/html element.
In this example you can apply spinner color, overlay and spinner type. After that click report pagionation buttons for effect.
spinKit on body (click)
rngMenu
Examples
Options
GitHub project
Geometry report
row(s) 1 - 10 of 39
Next
Id
St Abrv
Co Name
St Name
60014003003
CA
Alameda
California
60014007002
CA
Alameda
California
60014007003
CA
Alameda
California
60014008001
CA
Alameda
California
60014008003
CA
Alameda
California
60014009001
CA
Alameda
California
60014213003
CA
Alameda
California
60014219002
CA
Alameda
California
60014221002
CA
Alameda
California
60014234004
CA
Alameda
California
Options
Apply Changes
Spinner color:
Spinner overlay color:
Change spinner type (only on region):
sk-rotating-plane
sk-fading-circle
sk-folding-cube
sk-double-bounce
sk-wave
sk-wandering-cubes
sk-spinner-pulse
sk-chasing-dots
sk-three-bounce
sk-circle
sk-cube-grid
Spinner opacity
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
1
'0.7'
Reset to default
Options
Spinkit can be used two ways:
1) Create DA on "Page Load" with spinkit plugin. Then on under
Affected Element
select
region
and choose your
region
.
Then Spinkit plugin is listening to DOM events on region
apexbeforerefresh
and
apexafterrefresh
for triggering show/hide.
2) As triggering action (for example button click). Create DA on "Button click" with spinkit plugin under
Affected Element
set
jQuery Selector
and set
body
(for example).
Then Spinkit is showen when triggering action happened.
Spinner type
- select list, choose your spinner type that will be used for animation.
Show overlay
- Yes/no.
Delay hide
- number, miliseconds, delay hide after show is triggered.
Auto show
- show spinner on component initialization.
Affected Element
- element/region on DOM where spinner will be applied.