Syncfusion Feedback
Choose Framework
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 Sidebar - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Blazor Sidebar Component

A quick overview on how to create and configure the Syncfusion Blazor Sidebar in a Blazor WebAssembly app using Visual Studio. The Blazor Sidebar is an expandable and collapsible component to place primary or secondary content alongside the main content. In this video, you will learn how to open and close the sidebar manually, different types of sidebars, and how to change the sidebar position. Finally, I'll show how to integrate the Sidebar and List View components.

Download Example: Getting Started with the Blazor Sidebar

Topics included
1. Introduction 00:00 min
2. Create a Blazor WebAssembly app 01:27 min
3. Add a Blazor Sidebar component 02:39 min
4. Change the Sidebar position 05:03 min
5. Add a Blazor Button component 05:26 min
6. Open and close the Sidebar manually 06:13 min
7. Integrate Sidebar with ListView 07:03 min
8. Make Sidebar component more responsive 08:19 min
9. Set dock state in Sidebar 09:35 min
10. Types of Sidebars 10:36 min
Plaform: Blazor Show more
Chat with us