<div> @(Html.Kendo().ColorPicker() .Name("colourpicker") .Value("#ffffff") .Events(events => events.Select("preview")) ) </div> <script> function preview(e) { debugger $("#background").css("background-color", e.value); } </script>
<style scoped> .demo-section { width: 600px; height: 600px; } #background { background-image: url(@Url.Content("~/content/web/colorpicker/interior-bg.png")); background-color: transparent; width: 100%; height: 100%; overflow: hidden; } .column { margin-top: 384px; float: left; width: 300px; text-align: center; } .column .title { color: #a3a3a3; text-transform: uppercase; font-size: 11px; font-weight: normal; padding: 41px 0 20px; } #palette { vertical-align: top; display: inline-block; } .k-colorpicker { vertical-align: top; margin: 20px 0; } </style>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)