Skip to main content

SidebarView

Import :​

const SidebarView = brackets.getModule("project/SidebarView")

AppInit​

The view that controls the showing and hiding of the sidebar.

Although the sidebar view doesn't dispatch any events directly, it is a resizable element (../utils/Resizer.js), which means it can dispatch Resizer events. For example, if you want to listen for the sidebar showing or hiding itself, set up listeners for the corresponding Resizer events, panelCollapsed and panelExpanded:

$("#sidebar").on("panelCollapsed", ...); $("#sidebar").on("panelExpanded", ...);

Kind: global variable

toggle()​

Toggle sidebar visibility.

Kind: global function

show()​

Show the sidebar.

Kind: global function

hide()​

Hide the sidebar.

Kind: global function

isVisible() ⇒ boolean​

Returns the visibility state of the sidebar.

Kind: global function
Returns: boolean - true if element is visible, false if it is not visible

resize(width)​

Programmatically resize the sidebar to the given width. Persists the new size so it is restored on reload, resyncs the drag handle, and fires panelResizeEnd.

Kind: global function

ParamTypeDescription
widthnumberDesired sidebar width in pixels

getWidth() ⇒ number​

Get the current sidebar width in pixels. Returns the CSS width even if the sidebar is hidden (so the value can be restored later).

Kind: global function