Back to Top

The back to top component adds a back to top icon to the bottom right corner of the page. Simply drag the component to the page.

Display Type

Button – Adds a button to the page using the Label Text.

Link – Adds a link to the page using the Label Text.

Floating – Adds a floating up arrow and a label using the Label Text to the right lower corner of the page.

Show Bounce

Selecting Yes will add a slight bounce animation to the arrow icon in the corner of the page.

Label Text

The text the button, link or label in the corner reads.

Advanced Features

If you wanted to add a back to top link or button to component that allows HTML you don't need to drop the Back to Top component on the page Simply add a custom HTML tag.

Simple Usage

<avbtt>Back to Top</avbtt>

Avbtt tag with the type option (link vs Button)

<avbtt data-type="button">Back to Top</avbtt> - Creates a button

<avbtt data-type="link">Back to Top</avbtt> - Creates a link