The FloatingActionButton component of Telerik UI for JSP appears over the main UI and represents the most frequently executed command of your app. For example, a chat app may have its “New message” button as a floating one. It can be used everywhere, but its real power lies in enhancing mobile apps UI, where screen space is limited and minimizing the number of interactions available to users is critical.
The appearance of the control can be modified in several ways—you can select its shape (Pill, Rounded, Rectangle), colors by changing your theme, text and icon.
The button component can be positioned anywhere within the viewport, be it in a fixed or absolute position. You can specify a custom offset on the sides or just use one of the predefined positions like “top left” or “middle right.”
The FloatingActionButton allows you to use one or several intuitive items to provide users with more context on the action or display additional actions. Whenever the button is clicked, it will expand the list of action items users can select from.
The FloatingActionButton fires four events—OnExpand, OnCollapse, OnItemClicknd and OnClick, which are triggered when the button is expanded/collapsed, one of its items clicked or the button itself is clicked.
The Telerik ASP.NET JSP FloatingActionButton 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 JSP FloatingActionButton is accessible to screen readers and complies with all accessibility standards—WAI-ARIA, WCAG 2.1 and Section 508. It also provides keyboard navigation features to allow as many people to use it as possible.
RTL (Right-To-Left) Support
Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any cultural preference with the Floating Action Button by toggling between left-to-right and right-to-left alignment with only a few settings.