Search results

Enable ripple

Ripple can be enabled by importing rippleEffect method from ej2-base and initialize rippleEffect with .e-btn-group element, and selector as e-btn.

The following example illustrates how to enable ripple for ButtonGroup.

tagHelper
default.cs
<div class='e-btn-group'>
    <ejs-button id="html" content="HTML"></ejs-button>
    <ejs-button id="css" content="CSS"></ejs-button>
    <ejs-button id="javascript" content="JavaScript"></ejs-button>
</div>
<script>
    ej.base.enableRipple(true);
    var button = document.querySelector('.e-btn-group');
    ej.base.rippleEffect(button, { selector: 'e-btn' });
</script>
public ActionResult Index()
    {
            return View();
    }