ASP.NET MVC
EditEdit This DocumentInstall NuGet
Demos
Support
Forum
Upgrade Guide
FREE TRIAL
Search results

Render Palette alone in ASP.NET MVC Color Picker control

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.

razor
palette-alone.cs
@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 the mode property as ‘Picker’.

Previous
Next