Skip to content

Options and methods

Qwerios edited this page Nov 25, 2010 · 2 revisions

The following methods can be called on the spinner-meh-gic widget:

$( .. ).spinnerMehGic( { foo: "bar" } )

Creates a widget instance with the given options

$( .. ).spinnerMehGic( "setOptions", { foo: "bar" } )

Updates the spinner options (except width and height!)

$( .. ).spinnerMehGic( "start" )

Starts the spinner animation

$( .. ).spinnerMehGic( "start" )

Stops the spinner animation

Below is the list of options for the spinner-meh-gic widget:

**widgetClass** (*Default: "eesSpinner"*) This the CSS class that will be set on the element you create the widget on

autoStart (Default: true) Start the widget when creating it

hideOnStop (Default: false) Indicates if the widget should be hidden/shown when stopped/started

interval (Default: 120) The redraw time in milliseconds

height (Default: 48) The height of the canvas element

width (Default: 48) The width of the canvas element

partSize (Default: 12) The width of each slice of the spinner in degrees

gapSize (Default: 24) The width of the gap between slices in degrees

spread (Default: 360) The spread of the spinner slices in degrees. So a 360 spread will create a full circle spinner.

outerRadius (Default: 0.9) Value from 1 to 0 which indicates where the outer radius of the slices are. So a value of 1 will put the slices all the way to the edge of the canvas

innerRadius (Default: 0.4) Value from 1 to 0 which indicates where the inner radius of the slices are. So a value of 0 will draw the slices to the center of the canvas

color (Default: "0,0,0") Color of the spinner as a single string containing "R,G,B" (Red/Green/Blue)

style (Default: "straight") The style of the spinner slices. Either 'straight', 'pie' or 'swirl'.