Getting Started with the Blazor Speed Dial Component

Поделиться
HTML-код
  • Опубликовано: 27 июл 2024
  • A quick overview on how to create and configure the Syncfusion Blazor Speed Dial component in a Blazor WebAssembly app using Visual Studio.
    This Speed Dial component is an extension of the Floating Action Button, which displays multiple action items over the other screen content. In this video, you will learn how to add new records to the Blazor DataGrid component using a Speed Dial action item. Also, you will learn how to set an add icon to the button, change the display direction, and customize the button using predefined CSS classes. Finally, you will see how to position the component.
    Explore our tutorial videos: www.syncfusion.com/tutorial-v...
    Download this example from GitHub
    github.com/SyncfusionExamples...
    TRIAL LICENSE KEY
    If you need a trial license key, start your Blazor trial from www.syncfusion.com/account/ma... under your Syncfusion account. Then, you can obtain your trial license key from the downloads page.
    Check if you are eligible for a free license for all Syncfusion products on our Community License page.
    BOOKMARK DETAILS
    ---------------------
    [00:00] Introduction
    [00:32] Create a Blazor WebAssembly app
    [04:21] Add the Blazor DataGrid component
    [04:48] Add the Blazor Speed Dial component
    [06:19] Set icon for speed dial items
    [06:53] Change button position
    [08:08] Change the display direction
    [08:39] Customize the radial menu
    [09:14] Display button with outline style
    [09:40] Customize the Speed Dial items using item template
    [10:42] Add item click event to component
    BLAZOR SPEED DIAL
    ---------------------
    Product overview: www.syncfusion.com/blazor-com...
    Example: blazor.syncfusion.com/demos/s...
    Documentation: blazor.syncfusion.com/documen...
    Download free trial: www.syncfusion.com/downloads/...
    NuGet package: www.nuget.org/packages/Syncfu...
    SUBSCRIBE
    --------------
    Syncfusion on RUclips: bit.ly/syncfusionyoutube
    Sign up to receive email updates: bit.ly/syncfusionemail
    SOCIAL COMMUNITIES
    -----------------------------
    Facebook: / syncfusion
    Twitter: / syncfusion
    LinkedIn: / syncfusion
    Instagram: / syncfusion
    #blazor #button #floatingbutton
  • ХоббиХобби

Комментарии •