mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-22 14:07:26 +00:00
68 lines
No EOL
2.2 KiB
Markdown
68 lines
No EOL
2.2 KiB
Markdown
---
|
|
id: left-sidebar
|
|
title: Left-sidebar
|
|
---
|
|
|
|
Left-sidebar has the following options:
|
|
|
|
- **[Pages](#pages)**
|
|
- **[Inspector](#inspector)**
|
|
- **[Datasources Manager](#datasources-manager)**
|
|
- **[Debugger](#debugger)**
|
|
- **[Theme switch](#theme-switch)**
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/v2-beta/app-builder/leftsidebar/leftsidebar.png" alt="App Builder: Left-sidebar"/>
|
|
|
|
</div>
|
|
|
|
## Pages
|
|
|
|
Pages allows you to have multiple pages in a single application, making your ToolJet applications more robust and user-friendly.
|
|
|
|
Check the detailed documentation for **[Pages](/docs/tutorial/pages)**.
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/v2-beta/app-builder/leftsidebar/pages.png" alt="App Builder: Left-sidebar"/>
|
|
|
|
</div>
|
|
|
|
## Inspector
|
|
|
|
The Inspector can be used to inspect the data of the **queries**, properties and values of the **components** that are there on the canvas, ToolJet's global variables and the variables that have been set by the user.
|
|
|
|
Check the detailed guide on **[using Inspector](/docs/how-to/use-inspector)**.
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/v2-beta/app-builder/leftsidebar/inspector.png" alt="App Builder: Left-sidebar"/>
|
|
|
|
</div>
|
|
|
|
## Datasources Manager
|
|
|
|
Datasources Manager is used to connect or remove the datasources.
|
|
|
|
Check the detailed **[Datasources documentation](/docs/data-sources/overview)**.
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/v2-beta/app-builder/leftsidebar/datasources.png" alt="App Builder: Left-sidebar"/>
|
|
|
|
</div>
|
|
|
|
## Debugger
|
|
|
|
The debugger captures errors that happens while running the queries. For example, when a database query fails due to the unavailability of a database or when a REST API query fails due to an incorrect URL, the errors will be displayed on the debugger. The debugger also displays relevant data related to the error along with the error message.
|
|
|
|
<div style={{textAlign: 'center'}}>
|
|
|
|
<img className="screenshot-full" src="/img/v2-beta/app-builder/leftsidebar/debugger.png" alt="App Builder: Left-sidebar"/>
|
|
|
|
</div>
|
|
|
|
## Theme switch
|
|
|
|
Switch ToolJet into light or dark mode from this button. |