Essential Studio for Javascript
PRODUCT DETAILS

All Controls
/
Sidebar
/
Responsive Panel

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

More Details...

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.

Description

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. This can be achieved by using the mediaquery In this sample, the TreeView component is placed inside the Sidebar.