Edit this page

ColorPalette HtmlHelper Overview

The ColorPalette HtmlHelper extension is a server-side wrapper for the Kendo UI ColorPalette widget.

Configuration

Add the ColorPalette.

Example
    @(Html.Kendo().ColorPalette()
          .Name("colorpalette") //The name of the ColorPalette is mandatory. It specifies the "id" attribute of the widget.
          .Value("#ff0000") //Set the value of the ColorPalette.
    )

Event Handling

You can subscribe to all ColorPalette events.

By Handler Name

The following example demonstrates how to subscribe to events by a handler name.

Example
    @(Html.Kendo().ColorPalette()
        .Name("colorpalette")
        .Events(e => e
            .Change("colorpalette_change")
        )
    )
    <script>
        function colorpalette_change(e) {
            // Handle the change event.
            var colorpalette = this;
            console.log(colorpalette.value());
        }
    </script>

By Template Delegate

The following example demonstrates how to subscribe to events by a template delegate.

Example
    @(Html.Kendo().ColorPalette()
          .Name("colorpalette")
          .Events(e => e
              .Change(@<text>
                function(e) {
                    // Handle the change event inline.
                    console.log(e.sender.value());
                }
                </text>)
          )
    )

Reference

Existing Instances

To reference an existing Kendo UI ColorPalette instance, use the jQuery.data() configuration option. Once a reference is established, use the ColorPalette API to control its behavior.

Example
    //Put this after your Kendo UI ColorPalette for ASP.NET Core declaration.
    <script>
        $(function() {
            //Notice that the Name() of the ColorPalette is used to get its client-side instance.
            var colorpalette = $("#colorpalette").data("kendoColorPalette");
        });
    </script>

See Also