Essential Studio for ASP.NET Core
CHOOSE THEME
  • ASP.NET Core
  • Angular
  • React
  • JavaScript (ES5)
  • JavaScript
  • ASP.NET MVC
  • Vue
  • Blazor
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls
About
Pricing

Example of Responsive Panel in ASP.NET Core Sidebar Control

The Sidebar sample demonstrates how the Sidebar will act in responsive case. Click on the hamburger menu icon to expand/collapse the sidebar.

DEMO
SOURCE

TABLE OF CONTENTS

Responsive Sidebar with Treeview

This is a graphical aid for visualising and categorising the site, in the style of an expandable and collapsable treeview component. It auto-expands to display the node(s), if any, corresponding to the currently viewed title, highlighting that node(s) and its ancestors. Load-on-demand when expanding nodes is available where supported (most graphical browsers), falling back to a full-page reload. MediaWiki-supported caching, aside from squid, has been considered so that unnecessary re-downloads of content are avoided where possible. The complete expanded/collapsed state of the treeview persists across page views in most situations.

The Sidebar will be shown or hidden based on the resolutions of the screen. It will be shown on larger resolution screens and hidden automatically in lower resolution screens.

In this sample, the TreeView component is placed inside the Sidebar.

Documentation
Forum
Blog
Knowledge Base
Copyright © 2001-2019 Syncfusion Inc.