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 Color Picker - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Blazor Color Picker

Learn how easily you can create and configure the Blazor Color Picker component using Visual Studio 2019. In this video, I'll create a new Blazor WebAssembly app using Visual Studio 2019 and then integrate the Blazor Color Picker component by adding the Syncfusion Blazor package from NuGet. I'll also explain how to configure a few of its basic features like different types of color picker modes, hiding input areas, adding preset colors etc. with other customizations.

Download Example: Getting Started with the Blazor Color Picker

Topics included
1. Create a Blazor application 00:48 min
2. Add the Color Picker 01:51 min
3. Set color values 03:57 min
4. Mode types 04:34 min
5. Hide buttons 05:38 min
6. No color tiles 05:57 min
7. Preset colors 06:27 min
8. ValueChange event 07:06 min
9. Hide input areas 09:04 min
10. Disabled state 09:29 min
Plaform: Blazor Show more
Chat with us