Html5 Support for Apache MyFaces
Project Documentation
Foundation

Summary

Tag name: <fx:animations>
UIComponent class: org.apache.myfaces.html5.component.animation.Animations
Tag class: org.apache.myfaces.html5.tag.animation.AnimationsTag
Facelet Tag Handler: org.apache.myfaces.html5.handler.AnimationsHandler
Component type: org.apache.myfaces.html5.Animations
Component family: org.apache.myfaces.Animations
Renderer type: org.apache.myfaces.html5.Animations
Renderer class: org.apache.myfaces.html5.renderkit.animation.AnimationsRenderer

Animations container for using them with the parent ClientBehaviorHolder.
fx:animation... components must be nested inside this component.

Attributes

Name Type Supports EL? Description
binding org.apache.myfaces.html5.component.animation.Animations 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
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