JQuery UI Effects

QCubed comes with built-in support of jQuery UI effects.

To see this in action: in the example below, use the buttons to apply effects on the Label control. To make it happen, use the following actions in your code:

To control visibility:

  • Show: show a control (if it's hidden)
  • ShowEffect: show a control using one of the additional effects
  • Hide: hide a control
  • HideEffect: hide a control using one of the additional effects
  • Toggle: toggle visibility of a control
  • ToggleEffect: toggle visibility of a control using one of the additional effects

To perform animations:

  • Bounce: make a control bounce up and down
  • Shake: make a control shake left and right
  • Highlight: highlight a control
  • Pulsate: pulsate the contents of a control
  • Size: resize a control
  • Transfer: transfer the border of a control to another control

More information on the parameters of each of the available animations can be found on the JQuery UI Effects site.