The Telerik UI for PHP FloatingActionButton represents the most frequently executed action of your application and appears over all screen content. The compact component is perfectly suitable for mobile applications where screen space is limited. The FAB makes navigation simple and highlights the most important actions available to users.
The FloatingActionButton component offers flexible customization options to match the look and feel of your application—you can choose from a variety of shapes, colors, text and icons.
The button component can be conveniently positioned anywhere within the viewport. You can choose from a number of configuration options which allow you to position the button precisely as your app requires.
As useful as it is to have a quick shortcut for users to jump immediately to their favorite action, sometimes you might want to provide more context around the action or a choice between several equally used actions. You can link additional items to the button so whenever the button is clicked, it will expand a list of the associated items, giving users the ability to pick an option. In this case, it’s the item’s responsibility to execute the action, not the button itself.
The FloatingActionButton component can fire four events—OnExpand, OnCollapse, OnItemClick and OnClick. They are triggered as you would expect—when the button is expanded/collapsed, one of its items clicked or the button itself is clicked.
The FloatingActionButton component has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.
Keyboard Navigation and Accessibility
The Telerik UI for PHP FloatingActionButton component is accessible to screen readers and provides support for all accessibility standards—WAI-ARIA, Section 508 and WCAG 2.1. The built-in keyboard navigation support enables developers can use a key binding to focus the element while the user can use standard buttons to navigate through the items and pick which one to execute.
RTL (Right-To-Left) Support
The FloatingActionButton fully supports RTL languages and using it together with RTL scripts will cause it to reverse the order of the labels and the icons.