Syncfusion Feedback

Controls
  • General
    • Server App Creation
    • WebAssembly App Creation
    • Blazor MAUI App Creation
    • Blazor Playground App
    • Blazor WPF App Creation
    • Blazor Web App Creation
  • Appearance
    • Icons
  • Grids
    • Data Grid
    • Tree Grid
    • Pivot Table
  • Data Visualization
    • Charts
    • 3D Charts
    • Barcode Generator
    • Bullet Chart
    • Circular Gauge
    • Diagram
    • Heatmap Chart
    • Kanban Board
    • Linear Gauge
    • Maps
    • Range Selector
    • Smith Chart
    • Sparkline Charts
    • TreeMap
    • Stock Chart
  • File Viewers & Editors
    • In-Place Editor
    • Rich Text Editor
    • Image Editor
    • Word Processor
    • PDF Viewer
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • Buttons
    • Button
  • DropDowns
    • AutoComplete
    • ComboBox
    • DropDownList
    • ListBox
    • MultiSelect Dropdown
    • Mention
    • MultiColumn ComboBox
  • Smart Components
    • Smart Paste Button
    • Smart TextArea
  • Dropdowns
    • Dropdown Tree
  • Inputs
    • Radio Button & Checkbox
    • Color Picker
    • Signature
    • File Upload
    • Input Mask
    • Numeric Textbox
    • Range Slider
    • TextArea
    • TextBox
    • Toggle Switch Button
    • Rating
    • OTP Input
  • Interactive Chat
    • AI AssistView
    • Chat UI
  • Navigation
    • Accordion
    • Breadcrumb
    • Carousel
    • Context Menu
    • File Manager
    • Menu Bar
    • Pager
    • Sidebar
    • Tabs
    • Toolbar
    • TreeView
    • AppBar
    • Stepper
    • Ribbon
  • Layout
    • Card
    • Dashboard
    • Dialog
    • ListView
    • Splitter
    • Timeline
    • Tooltip
    • Media Query
    • Avatar
  • Notifications
    • Message
    • ProgressBar
    • Toast
    • Spinner
    • Skeleton
    • Badge
  • Forms
    • Query Builder UI
    • Data Form
  • Document Processing Libraries
    • Word (DocIO)
    • PDF

Blazor Dialog - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Blazor Dialog Component

Learn how easily you can create and configure the Blazor Dialog component provided by Syncfusion. This video explains how to create a Blazor application and add the Syncfusion Blazor package. It also shows how to add the Syncfusion Blazor Dialog component to a Blazor server application and demonstrates how to render a Dialog with Ok button, display modal Dialog and, finally render a Dialog content using HTML.

Download Example: Getting Started with the Blazor Dialog

Topics included
1. Introduction 00:00 min
2. Set up Blazor environment 00:37 min
3. Install Syncfusion Blazor assemblies 01:33 min
4. Add Syncfusion Blazor Dialog 03:07 min
5. Render a Dialog with Ok button 03:51 min
6. Display a modal Dialog 06:22 min
7. Render the Dialog content using HTML 06:56 min
Plaform: Blazor Show more
thumbnail image

Watch video

Customize the Appearance of Blazor Dialog Using Templates

Learn how to customize a Syncfusion Blazor Dialog control using templates in a Blazor WebAssembly app. This video explains how to customize the appearance of Dialog control headers, content, and footers using template.

Topics included
1. Introduction 00:00 min
2. Overview of the app 00:25 min
3. Customize Dialog header 01:06 min
4. Customize Dialog content 01:43 min
5. Add footer to the Dialog 02:04 min
Plaform: Blazor Show more
thumbnail image

Watch video

How to Drag, Resize, and Animate the Blazor Dialog Component

Learn how to drag, resize, and animate the Syncfusion Blazor Dialog control. This video explains how to position the Blazor Dialog control. You will see how to create a custom dialog and add multiple dialogs.

Download Example: Drag, Resize, and Animate the Blazor Dialog

Topics included
1. Introduction 00:00 min
2. Overview of the app 00:31 min
3. How to create a custom dialog 01:04 min
4. Add multiple dialogs 02:31 min
5. Change the dialog position 05:08 min
6. Drag and resize the dialog 05:44 min
7. Animate the dialog 06:24 min
Plaform: Blazor Show more
Chat with us