Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Date Inputsupdated
- Date Math
- Dialogsupdated
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Ganttupdated
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- - Overview
  - Getting Started
  - CheckBox
  - ColorGradient
  - - Overview
    - Forms Support
    - Contrast Tool
    - Customization
    - Disabled ColorGradient
    - Read-Only ColorGradient
    - Events
    - Accessibility
    - Keyboard Navigation
  - ColorPalette
  - ColorPicker
  - FlatColorPicker
  - FormField
  - MaskedTextBox
  - NumericTextBox
  - RadioButton
  - RangeSlider
  - Signature
  - Switch
  - Slider
  - TextArea
  - TextBox
  - Setting the Width
  - Debouncing Value Changes
  - Globalization
  - API
- Labels
- Layout
- ListBoxupdated
- ListView
- Map
- Menus
- Navigationupdated
- Notification
- Pager
- PDF Export
- PDFViewernew
- PivotGrid
- Popup
- ProgressBars
- Ripple
- Scheduler
- ScrollView
- Sortable
- ToolBar
- Tooltips
- TreeListupdated
- TreeViewupdated
- Typography
- Uploads
- Utilitiesupdated
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Inputs / ColorGradient / Customization /

New to Kendo UI for Angular? Start a free 30-day trial

ColorGradient Customization

The ColorGradient provides options for the user to specify whether an alpha slider and an alpha input will be rendered.

The following example demonstrates how to remove the opacity-related controls.

Example

View Source

Change Theme:

Suggested Links

API Reference of the ColorGradient

Disabled ColorGradient

Is this article helpful?

Thank you for your feedback!