jQuery Effects

QCubed comes with built in support of jQuery effects. jQuery is one of the most popular JavaScript libraries out there; the native integration with it allows for some really nice effects to show/hide/animate various HTML elements on a page, as well as QCubed controls.

To see this in action: in the example below, use the buttons to apply effects on the QLabel control. To make it happen, use the following QJQ (abbreviation for QCubed jQuery) actions in your code:

To control visibility:

• QJQShowAction: show a control (if it's hidden)
• QJQShowEffectAction: show a control using one of the additional effects
• QJQHideAction: hide a control
• QJQHideEffectAction: hide a control using one of the additional effects
• QJQToggleAction: toggle visibility of a control
• QJQToggleEffectAction: toggle visibility of a control using one of the additional effects

To perform animations:

• QJQBounceAction: make a control bounce up and down
• QJQShakeAction: make a control shake left and right
• QJQHighlightAction: highlight a control
• QJQPulsateAction: pulsate the contents of a control
• QJQSizeAction: resize a control
• QJQTransferAction: 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.