Animating Tab and Accordion Controls in a Page Layout Component


Tab and accordion controls in the Page Layout Component can be configured to include animations when opening or closing a tab or accordion pane.

Using Animation in Page Layout and Tabbed UI Components

Different animations can be used when a pane is displayed or hidden. For example, you might choose to "slide" the pane into view and "fade" it out of view.

The available animaton styles are "Suggested", "Fade", "Slide", "Blind", "Clip", "Drop", "Explode", "Fold", "Puff", "Scale", "Pulsate", and "None". If "Suggested" is chosen, "Slide" animation will be used for an accordion controls and "Fade" animation will be used for tab controls.

To learn more, watch the video below: