Footer

Check out the function of the footer element.

The Footer element is docked at the bottom edge of pages. You can make a tabbar menu by adding icons for this Container-type element.

Adding Footer

You can add the Footer element from the Elements panel by dragging and dropping it to the screen. If you drag the footer element to an empty area on the screen, it will remain fixed to the bottom edge of the screen. It remains fixed to the bottom edge regardless of the screen height.

You can add the Footer element inside elements such as

• Row

• Icon

• TextInput

• Image

• Label

1. Properties

You can assign role-based authorizations to the element, or you can set its visibility with the always visible/hidden/sometimes visible (conditional visibility) options.

Authorization

You can use the authorization options for the footer element.

Visibility

You can manage the visibility of the element. It is always visible, hidden, or you can make it appear or hide depending on a condition.

2. Styling

You can make additional edits by adding layout, fill, border, or shadow to the footer element.

Layout

You can make visual adjustments such as environmental interior spaces and sizing.

Fill

You can add color or image to the footer body.

Border

You can add lines to the outer edges of the footer, give radius (corner bevels).

Shadow

You can add a shadow effect to the footer element.