ICEfaces Tag Reference

Contents

10. ICEfaces Tag Reference

ice:effect

The ice:effect tag add effects to the parent component.

Example

<ice:panelGroup>
  <ice:effect event="mouseover" effectType="highlight">
    <ice:outputText value="Hello!">                        
    </ice:outputText>
  </ice:effect>
</ice:panelGroup>

Rendered Output

Tag Attributes

autoReset	Boolean

The autoReset attribute is a boolean flag that when set to "true" sets the fire value to "false" after the effect has been initiated. The default is "true".

binding	Expression

The value-binding expression linking this component tag to a backing bean property.

effectType	Enumerated

The effectType attribute specifies the type of rendering effect to be applied to the parent component. The possible values are indicated below and include a wide range of effects from making elements fade-in and fade-out to shrinking and growing them and much more. Effects can also be chained together using the sequence attribute.

event	Text

The event attribute sets the JavaScript event that initiates the effect.

fire	Boolean

The fire attribute accepts a boolean value that indicates if the effect should be fired or not.

id	Text

The unique identifier value for this component. The value must be unique within the closest naming container.

options	Text

The options attribute sets a comma separated list of key/value pairs representing options and their values. For example, highlight:'#dd000',duration:1.0. For effect type "appear" and "fade" use option "from" and "to". For effect type "highlight" use option "startcolor" (default #ffff99). For effect type "scale" use "scaleX", "scaleY", "scaleContent", "scaleFromCenter" (all default to true), "scaleMode" (default box, or contents), "scaleFrom" (default 100), and "scaleTo" (default 0). For effect type "move" use "x", "y", and "mode" (default relative, or absolute).

rendered	Boolean

A value-binding expression that evaluates to a Boolean condition indicating if this component should be rendered.

sequence	Text

The sequence attribute sets the sequence name which fires a number of effects in sequence.

sequenceNumber	Text

The sequenceNumber attribute sets the sequence number (starting at 1) in which the effect will be fired.

submit	Boolean

The submit attribute is a boolean flag that when set to "true" will send a partial submit when the effect is finished.

transitory	Boolean

The transitory attribute is a boolean flag that when set to "true" records modifications to the CSS of the element on the next submit.