New to Telerik UI for ASP.NET Core? Download free 30-day trial

Events

The Telerik UI AppBar for ASP.NET Core exposes the Resize event that allows you to implement any custom logic during the component resizing.

Handling by Handler Name

The following example demonstrates how to subscribe to the Resize event by a handler name.

    @(Html.Kendo().AppBar()
        .Name("appbar")
        .Events(e => e.Resize("onResize"))
        ... //Additional configuration
    )

    <script>
        function onResize(e){
            // Handle the AppBar Resize event.
        };
    </script>
    <kendo-appbar name="appbar" on-resize="onResize">
        <!-- additional configuration -->
    </kendo-appbar>  

    <script>
        function onResize(e){
            // Handle the AppBar Resize event.
        };
    </script>

Handling by Template Delegate

The following example demonstrates how to subscribe to the Resize event by a template delegate.

    @(Html.Kendo().AppBar()
        .Name("appbar")
        .Events(e => e.Resize(@<text>
            function() {
                // Handle the Resize event inline.
            }
            </text>)
        )
        ... //Additional configuration
    )
    <kendo-appbar name="appbar"
        on-resize="function() {
            // Handle the Resize event inline.
        }">
        <!-- additional configuration -->
    </kendo-appbar>

See Also

In this article