• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

GradientSettings

Configures the color gradient that opens in the popup.

NameTypeDefaultDescription

contrastTool?

string

Enables the color contrast tool. Accepts the background color that will be compared to the selected value. The tool will calculate the contrast ratio between two colors.

delay?

number

Determines the delay time (in milliseconds) before the ColorGradient value is changed on handle drag. A value of 0 indicates no delay.

gradientSliderSmallStep?

number

2

Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys while holding the shift key.

gradientSliderStep?

number

5

Determines the step (in pixels) when moving the gradient drag handle using the keyboard arrow keys.

opacity?

boolean

Specifies if the component will render an alpha slider.