<h1>
    InputColor
    <div id="output">
        Select a background for me!
    </div>
</h1>

<p>
    The InputColor control is a drop-down that allows you
    to type a color using the HTML color specification or
    select one from a ColorPicker dropdown:
</p>
<div class="demo-settings">
    <label for="theInputColor">Default: </label>
    @Html.C1().InputColor().Id("theInputColor").Placeholder("Select the color")
</div>

<p>
    You can customize the InputColor using the
    <b>colorPicker</b> property, which exposes
    the color picker drop-down:
</p>
<div class="demo-settings">
    <label for="showAlphaChannel">showAlphaChannel: </label>
    <input id="showAlphaChannel" type="checkbox" checked="checked">
    <br>
    <label for="thePalette">palette: </label>
    @Html.C1().ComboBox().Id("thePalette").DisplayMemberPath("name")
    <br>
    <label for="theInputColorCst">Custom: </label>
    @Html.C1().InputColor().Id("theInputColorCst")
</div>