Getting Started
Components
- Barcodes
- Buttons
- Chart Wizardnew
- Charts
- Conversational UI
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- - Overview
  - Installationupdated
  - 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
  - Rating
  - Signature
  - Slider
  - Switch
  - TextArea
  - TextBox
  - Setting the Width
  - Debouncing Value Changes
  - Globalization
  - API
- Labels
- Layout
- ListBoxupdated
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheet
- ToolBar
- Tooltips
- TreeList
- TreeView
- Typography
- Uploadsupdated
- Utilities
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