ColorGradientTagHelper

Example

Razor

<kendo-colorgradient>
    <contrast-tool />
    <messages />
</kendo-colorgradient>

ChildTags

Tag Name	Details
contrast-tool	ColorGradientContrastToolSettingsTagHelper
messages	ColorGradientMessagesSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
for	ModelExpression	An expression to be evaluated against the current model.
format	ColorGradientFormat	Defines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
formats	String[]	Defines the available input formats in the gradient input editor. Only "hex" and "rgb" are valid values.
input	Boolean	Whether to render the input.
on-change	String	The name of the JavaScript function that will handle the change event. Triggers when a new color has been selected.
on-kendo-keydown	String	The name of the JavaScript function that will handle the kendoKeydown event. Triggered when the user presses a keyboard key while the ColorGradient is focused.The event handler function context (available via the this keyword) will be set to the widget instance.
opacity	Boolean	Specifies whether we should display the opacity slider to allow selection of transparency.
script-attributes	IDictionary<String,Object>	Sets the attributes that will be added to the script tag of the component's initialization script.
size	ComponentSize	Sets the size of the component.
value	String	Specifies the initially selected color.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-module	Boolean	Specifies whether the initialization script of the component will be rendered as a JavaScript module.