Html5 Support for Apache MyFaces
Project Documentation
Foundation

Summary

Tag name: <fx:animation>
UIComponent class: org.apache.myfaces.html5.component.animation.Animation
Tag class: org.apache.myfaces.html5.tag.animation.AnimationTag
Facelet Tag Handler: org.apache.myfaces.html5.handler.AnimationHandler
Component type: org.apache.myfaces.html5.Animation
Component family: org.apache.myfaces.Animation
Renderer type: org.apache.myfaces.html5.Animation
Renderer class: org.apache.myfaces.html5.renderkit.animation.AnimationRenderer

Convenience tag to activate a keyframe animation on an event of ClientBehaviorHolder.
Accepts no children.

Attributes

Name Type Supports EL? Description
binding org.apache.myfaces.html5.component.animation.Animation Only EL Identifies a backing bean property (of type UIComponent or appropriate subclass) to bind to this component instance. This value must be an EL expression.
delay String Yes Duration for animation/effect to wait before running.
Value must be in seconds or milliseconds, thus must end with 's' or 'ms'. If not, the value is considered in seconds.
Some of the sample values are:
  • '1' : 1 second
  • '1s' : 1 seconds
  • '0.1' : 0.1 second
  • '100ms' : 100 milliseconds
direction String Yes
duration String Yes Duration for animation/effect to run through.
Value must be in seconds or milliseconds, thus must end with 's' or 'ms'. If not, the value is considered in seconds.
Some of the sample values are:
  • '1' : 1 second
  • '1s' : 1 seconds
  • '0.1' : 0.1 second
  • '100ms' : 100 milliseconds
event String Yes A String identifying the type of event the Ajax action will apply to. If specified, it must be one of the events supported by the component the Ajax behavior is being applied to.For HTML components this would be the set of supported DOM events for the component, plus "action" for Faces ActionSource components and "valueChange" for Faces EditableValueHolder components. If not specified, the default event is determined for the component. The DOM event name is the actual DOM event name (for example: "click") as opposed to (for example: "onclick").
id String Yes Get a string which uniquely identifies this UIComponent within the scope of the nearest ancestor NamingContainer component. The id is not necessarily unique across all components in the current view.
iteration String Yes
keyFrame String Yes
rendered boolean Yes A boolean value that indicates whether this component should be rendered. Default value: true.
timingFunction String Yes Timing function to calculate animation/effect transitions.
The timing functions defined by CSS3 spec are:
  • ease
  • linear
  • ease-in
  • ease-out
  • ease-in-out
  • cubic-bezier(<number>, <number>, <number>, <number>)

Facelets Attributes

Name Type Required Description