To render the Palette
alone in ColorPicker, specify the mode
property as Palette
, and set the modeSwitcher
property to false
.
In the following sample, the showButtons
property is disabled to hide the control buttons and it renders only the Palette
area.
@using Syncfusion.EJ2
@using Syncfusion.EJ2.Inputs
<div class='wrap'>
<h4>Choose Color</h4>
@Html.EJS().ColorPicker("element").Mode(ColorPickerMode.Palette).ModeSwitcher(false).ShowButtons(false).Render()
</div>
<style>
.wrap {
margin: 0 auto;
width: 300px;
text-align: center;
}
</style>
public ActionResult PaletteAlone()
{
return View();
}
To render
Picker
alone specify themode
property as ‘Picker’.