Get Started with Floating Action Button

• Jun 15, 2022
• 2 minutes to read

This topic contains step-by-step instructions on how to use ASPxFloatingActionButton and demonstrates its functionality.

Follow the steps below.

• Step 1. Create a new website or open an existing one in Visual Studio. Drop the ASPxFloatingActionButton control from the Visual Studio toolbox onto the form.

• Step 2. Add two buttons to the form to call the control’s action and action group items on each button click.

• Step 3. Use the ASPxFloatingActionButton.ContainerElementID property to associate the control with the DIV element that contains the buttons. Specify the ASPxFloatingActionButton.VerticalPosition and ASPxFloatingActionButton.HorizontalPosition properties to define the control’s position.

• Step 4. Specify the control’s FABAction and FABActionGroup objects to create an action and action group items.

• Step 5. Handle a button’s Click event to invoke a floating action item.

• Step 6. Use the ActionItemClick event to handle an action item’s click.

• Result: