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 DropDownList - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Blazor Dropdown List Component

Learn how easily you can create and configure Syncfusion Blazor Dropdown List in a Blazor Server App using Visual Studio 2019. In this video, you will learn how to add a simple Blazor Dropdown List to a Blazor Server App. You will see how to populate it with list data and remote data sources. You will also learn how to set a custom height and width for the Dropdown List pop-up.

Download Example: Getting Started with the Blazor Dropdown List

Topics included
1. Create a Blazor Project 01:10 min
2. Add a Blazor Dropdown List 02:35 min
3. Assign a list data source 03:50 min
4. Set custom height and width 06:04 min
5. Populate with remote data source 06:45 min
Plaform: Blazor Show more
thumbnail image

Watch video

Customize the Appearance of a Blazor Dropdown List Using Templates

Learn how to customize Syncfusion Blazor Dropdown List easily using templates in a WebAssembly app. This video explains how to customize the appearance of drop-down items, values, headers, and footers; display data-fetch action failures information; and show no records information using a template.

Download Example: Customize the Blazor Dropdown List Using Templates

Topics included
1. Introduction 00:00 min
2. Overview of the app 00:21 min
3. Customize the items 01:46 min
4. Customize the value 02:58 min
5. Show the header 03:25 min
6. Show the footer 04:00 min
7. Show the action failure info 04:27 min
8. Show the no records info 05:12 min
Plaform: Blazor Show more
thumbnail image

Watch video

How to Filter and Group the Blazor Dropdown List Items

Learn how easily you can group the Blazor Dropdown List items as well as how to filter them. In this video, you will see different filter types in the Dropdown List and how to apply those filters.

Download Example: Filter and Group the Blazor Dropdown List Items

Topics included
1. Introduction 00:00 min
2. Group items 01:00 min
3. Apply a filter 01:31 min
4. Change the filter type 02:28 min
Plaform: Blazor Show more
thumbnail image

Watch video

How to Create a Cascading Dropdown List in Blazor

Learn how easily you can create a Cascading Dropdown List using Blazor Dropdown List of Syncfusion. In this video, you will learn how to add a series of Syncfusion Blazor DropDown Lists to a Blazor application. Also, you will see how to populate the data source of the second DropDown List based on the value selected from the first DropDown List.

Download Example: How to Create a Cascading Dropdown List in Blazor

Topics included
1. Introduction 00:00 min
2. Add a series of Dropdown Lists 01:11 min
3. Configure the cascading Dropdown List 02:36 min
Plaform: Blazor Show more
thumbnail image

Watch video

How to Enable Virtualization in Blazor Dropdown List Component

Learn how to enable virtualization in the Syncfusion Blazor Dropdown List component. This video demonstrates how to implement virtualization, grouping with virtualization, keyboard interaction, searching, and filtering.

Download Example: Enable Virtualization in Blazor Dropdown List

Topics included
1. Introduction 00:00 min
2. Enable virtualization 01:14 min
3. Grouping with virtualization 02:16 min
4. keyboard interaction 03:58 min
5. Enable selection and filtering 04:54 min
Plaform: Blazor Show more
Chat with us