elements Array

A JavaScript array that contains the RippleContainer's elements configuration. When configured, the ripple effect will show only on the specified elements. By default the ripple effect will show on all of the supported elements (buttons, checkboxes, radio buttons and list elements).

Example - initialize RippleContainer for buttons only

<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>
In this article