Native Components
    • Animation
    • Buttonsupdated
    • Chartsnew
    • Data Query
    • Data Toolsupdated
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Excel Export
    • File Saver
    • Formnew
    • Gridupdated
    • Inputsupdated
    • Labelsnew
    • Layoutupdated
    • PDF Processingnew
    • Popup
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to Kendo UI for Vue? Start a free 30-day trial

FloatingActionButtonAlign

Specifies the horizontal and vertical alignment of the Floating Action Button in relation to the container.

Centering the Floating Action Button in both horizontal and vertical dimension is not a typical use case. Still, it is possible to achieve such a layout with appropriate offsets. Setting horizontal: "center" and vertical: "middle" at the same time is not supported.

horizontal?

"start" | "center" | "end"

Defines the possible horizontal alignment of the Floating Action Button.

The available values are:

  • startUses the start point of the container.
  • centerUses the center point of the container.
  • end(Default)Uses the end point of the container.

vertical?

"top" | "middle" | "bottom"

Defines the possible vertical alignment of the Floating Action Button.

The available values are:

  • topUses the top point of the container.
  • middleUses the middle point of the container.
  • bottom(Default)Uses the bottom point of the container.

In this article

Not finding the help you need?