Transition

For command components like a link or a button, the transition attribute is available. It shows a loading animation if the site don't respond in a certain amount of time. By default, the value is 'true'.

Tag Library Documentation: <tc:link/> | <tc:button/>

Basics

By following one of the links, the site waits five seconds. After that, you will be redirected to another page.

<tc:link label="link with transition ON" action="#{transitionController.sleep5sAndRedirect}"/> <tc:link label="link with transition OFF" transition="false" action="#{transitionController.sleep5sAndRedirect}"/>

(default)

Popup

In this example, a popup dialog is shown five seconds after pressing one of the buttons.

Menu

Transition

Basics

Popup