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

Collapse

events

Fires when the speed-dial popup is closed and its animation is finished.

**Note: this event is triggered only when using items configuration.

collapse

Event Data

e.sender `kendo.ui.FloatingActionButton`

The FloatingActionButton instance that triggered the event.

<button id="fab"></button>

<script>
    var fab = $('#fab').kendoFloatingActionButton({
        text: 'Actions',
        items: [{
            icon: 'print',
            title: 'print action title',
/* The result can be observed in the DevTools(F12) console of the browser. */
            click: function() { console.log('print action'); }
        }],
        collapse: function() {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log('collapse event triggered');
        }
    }).getKendoFloatingActionButton();

    fab.element.trigger("click");
</script>

Collapse

collapse

Event Data

e.sender kendo.ui.FloatingActionButton

e.sender `kendo.ui.FloatingActionButton`