ASP.NET MVC FloatingActionButton

  • The ASP.NET MVC FloatingActionButton gives users quick access to their favorite app activity. Equipped with a variety of shapes, colors, text, icons and more flexible customization options.
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    The Telerik UI for ASP.NET MVC 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.  
    Telerik UI for ASP.NET MVC FloatingActionButton
  • Alignment

    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.   
  • Items

    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. 
  • Templates

    The MVC FloatingActionButton allows you to control the rendering of the speed dial action items through templates.

  • Events

    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. 
    Telerik UI for ASP.NET Core Events
  • Keyboard Navigation and Accessibility

    The Telerik UI for ASP.NET MVC 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. 
    Telerik UI for ASP.NET Core Keyboard navigation
  • 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. 
    Telerik UI for ASP.NET MVC FloatingActionButton
  • Theming

    The FloatingActionButton component has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). 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 Progress SASS ThemeBuilder application

    Telerik UI for ASP.NET JSP FloatingActionButton

All ASP.NET MVC Components

Next Steps