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>

See Also

In this article
Not finding the help you need? Improve this article