New to Kendo UI for jQuery? Start a free 30-day trial

Elements

By default, the RippleContainer renders the ripple effect to all elements it supports such as buttons, checkboxes, radio buttons, and list items.

When the elements option is configured, the ripple effect is displayed only for the specified elements.

    <div id="container">
        <p>Ripple on Buttons</p>
        <button class="k-button">Default Button</button><br />
    </div>
    <script>
        $("#container").kendoRippleContainer({
            elements: [
                { selector: ".k-button:not(li)" }
            ]
        });
    </script>

Elements

See Also