VS Code: How to Move Search from the Sidebar to the Bottom Panel

Zach Zach (233)
Total time: 1 minute 
Updated: June 17th, 2020

This short guide will show you how to move the search box in Visual Studio Code from the sidebar to the footer panel, making it easier to find and replace files. This is similar to how things look in Sublime Text.

Note: The old “Search: Location” option no longer exists, so this guide will show you the new way of moving the panel. If you updated VSCode and were surprised to find the search panel has moved back to its original position, this is why.

This method works on both Mac and Windows.

Posted in these interests:

VS Code
vscode
PRIMARY
1 guide
code
68 guides
VSCodeVSCode

Obviously, you’ll need to open VSCode.

Show VS Code bottom panelShow VS Code bottom panel

Show the [bottom] panel by navigating to View > Appearance > Show Panel.

Move Search to bottom panelMove Search to bottom panel

From the right sidebar, drag the search icon into the header area of the bottom panel. A | pipe character will indicate its final position. I chose to move it all the way to the left.

VSCode Search in bottom panelVSCode Search in bottom panel

As you can see the search pane is now at the bottom of the VS Code window, where it will stay until the devs decide to change this again. If that happens, I’ll update this guide—so feel free to bookmark or favorite it.

VS Code: How to Move Search from the Sidebar to the Bottom Panel

Zach Zach (233)
Total time: 1 minute 
Updated: June 17th, 2020

This short guide will show you how to move the search box in Visual Studio Code from the sidebar to the footer panel, making it easier to find and replace files. This is similar to how things look in Sublime Text.

Note: The old “Search: Location” option no longer exists, so this guide will show you the new way of moving the panel. If you updated VSCode and were surprised to find the search panel has moved back to its original position, this is why.

This method works on both Mac and Windows.

Posted in these interests:

VS Code
vscode
PRIMARY
1 guide
code
68 guides
VSCodeVSCode

Obviously, you’ll need to open VSCode.

Show VS Code bottom panelShow VS Code bottom panel

Show the [bottom] panel by navigating to View > Appearance > Show Panel.

Move Search to bottom panelMove Search to bottom panel

From the right sidebar, drag the search icon into the header area of the bottom panel. A | pipe character will indicate its final position. I chose to move it all the way to the left.

VSCode Search in bottom panelVSCode Search in bottom panel

As you can see the search pane is now at the bottom of the VS Code window, where it will stay until the devs decide to change this again. If that happens, I’ll update this guide—so feel free to bookmark or favorite it.

Jump to step

VS Code: How to Move Search from the Sidebar to the Bottom Panel

Zach Zach (233)
Total time: 1 minute 
Updated: June 17th, 2020

This short guide will show you how to move the search box in Visual Studio Code from the sidebar to the footer panel, making it easier to find and replace files. This is similar to how things look in Sublime Text.

Note: The old “Search: Location” option no longer exists, so this guide will show you the new way of moving the panel. If you updated VSCode and were surprised to find the search panel has moved back to its original position, this is why.

This method works on both Mac and Windows.

Posted in these interests:

VS Code
vscode
PRIMARY
1 guide
code
68 guides
VSCodeVSCode

Obviously, you’ll need to open VSCode.

Show VS Code bottom panelShow VS Code bottom panel

Show the [bottom] panel by navigating to View > Appearance > Show Panel.

Move Search to bottom panelMove Search to bottom panel

From the right sidebar, drag the search icon into the header area of the bottom panel. A | pipe character will indicate its final position. I chose to move it all the way to the left.

VSCode Search in bottom panelVSCode Search in bottom panel

As you can see the search pane is now at the bottom of the VS Code window, where it will stay until the devs decide to change this again. If that happens, I’ll update this guide—so feel free to bookmark or favorite it.

VS Code: How to Move Search from the Sidebar to the Bottom Panel

Zach Zach (233)
Total time: 1 minute 
Updated: June 17th, 2020

This short guide will show you how to move the search box in Visual Studio Code from the sidebar to the footer panel, making it easier to find and replace files. This is similar to how things look in Sublime Text.

Note: The old “Search: Location” option no longer exists, so this guide will show you the new way of moving the panel. If you updated VSCode and were surprised to find the search panel has moved back to its original position, this is why.

This method works on both Mac and Windows.

Posted in these interests:

VS Code
vscode
PRIMARY
1 guide
code
68 guides

VS Code: How to Move Search from the Sidebar to the Bottom Panel

vscodecode
Zach Zach (233)
Total time: 1 minute 
Updated: June 17th, 2020
Zach
1
 

Posted in these interests:

VS Code
vscode
PRIMARY
1 guide
code
68 guides
VS Code
vscode
PRIMARY
1 guide
code
68 guides
VS Code
PRIMARY
Jump to step
Calling all writers!

We’re hiring. Write for Howchoo

1
 
In these interests
VS Code
vscode
PRIMARY
1 guide
code
68 guides
VS Code
vscode
PRIMARY
1 guide
code
68 guides
VS Code
PRIMARY
Jump to step
VSCodeVSCode

Obviously, you’ll need to open VSCode.

Show VS Code bottom panelShow VS Code bottom panel

Show the [bottom] panel by navigating to View > Appearance > Show Panel.

Move Search to bottom panelMove Search to bottom panel

From the right sidebar, drag the search icon into the header area of the bottom panel. A | pipe character will indicate its final position. I chose to move it all the way to the left.

VSCode Search in bottom panelVSCode Search in bottom panel

As you can see the search pane is now at the bottom of the VS Code window, where it will stay until the devs decide to change this again. If that happens, I’ll update this guide—so feel free to bookmark or favorite it.

VSCodeVSCode

Obviously, you’ll need to open VSCode.

VSCodeVSCode

Obviously, you’ll need to open VSCode.

Launch VSCode

Show VS Code bottom panelShow VS Code bottom panel

Show the [bottom] panel by navigating to View > Appearance > Show Panel.

Show VS Code bottom panelShow VS Code bottom panel

Show the [bottom] panel by navigating to View > Appearance > Show Panel.

Show the Panel

Move Search to bottom panelMove Search to bottom panel

From the right sidebar, drag the search icon into the header area of the bottom panel. A | pipe character will indicate its final position. I chose to move it all the way to the left.

Move Search to bottom panelMove Search to bottom panel

From the right sidebar, drag the search icon into the header area of the bottom panel. A | pipe character will indicate its final position. I chose to move it all the way to the left.

Drag the search icon to the bottom panel

VSCode Search in bottom panelVSCode Search in bottom panel

As you can see the search pane is now at the bottom of the VS Code window, where it will stay until the devs decide to change this again. If that happens, I’ll update this guide—so feel free to bookmark or favorite it.

VSCode Search in bottom panelVSCode Search in bottom panel

As you can see the search pane is now at the bottom of the VS Code window, where it will stay until the devs decide to change this again. If that happens, I’ll update this guide—so feel free to bookmark or favorite it.

VS Code search is now at the bottom!

Calling all writers!

We’re hiring. Write for Howchoo

Zach's profile pictureZach
Joined in 2015
Web developer, designer, tinkerer, and beer enthusiast living in Tampa, Florida.
Zach's profile picturehowchoo
Share this guide!
RedditEmailText
Related to this guide:
Python 3 Windows 10Python 3 Windows 10
Get the latest edition of Python in just minutes.
Ash's profile picture AshView
In these interests: codewindowspython
Python Path Variable Windows 10Python Path Variable Windows 10
Run Python scripts in command prompt without typing the whole path.
Ash's profile picture AshView
In these interests: windowscodepython
Python VersionPython Version
Not sure what version of Python you’re running? Time to find out!
Ash's profile picture AshView
In these interests: codepython
Python 3 Windows 10Python 3 Windows 10
Get the latest edition of Python in just minutes.
Ash's profile picture AshView
In these interests: codewindowspython
Ash's profile pictureViewcodewindowspython
Python Path Variable Windows 10Python Path Variable Windows 10
Run Python scripts in command prompt without typing the whole path.
Ash's profile picture AshView
In these interests: windowscodepython
Ash's profile pictureViewwindowscodepython
Python VersionPython Version
Not sure what version of Python you’re running? Time to find out!
Ash's profile picture AshView
In these interests: codepython
Ash's profile pictureViewcodepython
People also read:
In Python, comprehensions are a useful construct that allows us to create new sequences in a very concise way.
If you’re familiar with Python’s keyword-only arguments, then you’ve probably wondered why the same constraint doesn’t exist for positional arguments. This changes with Python 3.
Specify a parallel filesystem cache for compiled bytecode
Learn how to use formatted string literals in Python
While this requirement may seem rare, learning how to nest defaultdicts properly in Python can be extremely powerful and save you from bloated and confusing initialization code.
Make your object readable in console.
When working with arrays in JavaScript, we often need to remove elements.
Enumerable properties are properties whose internal enumerable flag set to true.
In Python, we often run into scenarios where we need to merge two or more lists. This is also called list concatenation, and Python provides multiple methods for accomplishing this.
In Python, comprehensions are a useful construct that allows us to create new sequences in a very concise way.
If you’re familiar with Python’s keyword-only arguments, then you’ve probably wondered why the same constraint doesn’t exist for positional arguments. This changes with Python 3.
Specify a parallel filesystem cache for compiled bytecode
Learn how to use formatted string literals in Python
Python Dictionary Comprehension (With Examples)
How to Specify Positional-Only Parameters in Python
Use Pycache Prefix to Move pyc Files out of Your Source Code Starting in Python 3.8
How to Use Assignment Expressions in Python
An Introduction to f-strings in Python 3
While this requirement may seem rare, learning how to nest defaultdicts properly in Python can be extremely powerful and save you from bloated and confusing initialization code.
Make your object readable in console.
When working with arrays in JavaScript, we often need to remove elements.
Enumerable properties are properties whose internal enumerable flag set to true.
In Python, we often run into scenarios where we need to merge two or more lists. This is also called list concatenation, and Python provides multiple methods for accomplishing this.
Nested defaultdicts in Python
How to Pretty Print JSON in Chrome Developer Console
Remove Elements From an Array in JavaScript
Enumerable Properties in JavaScript
How to Concatenate Lists in Python
Posted in these interests:
VS CodeVS Code
vscode
PRIMARY
Visual Studio Code, or VS Code, is a popular code editor from Microsoft.
codecode
Code is poetry — one line at a time.
VS CodeVS Code
vscode
PRIMARY
Visual Studio Code, or VS Code, is a popular code editor from Microsoft.
PRIMARY
Explore
codecode
Code is poetry — one line at a time.
Explore
Discuss this guide:
We’re hiring!
Are you a passionate writer? We want to hear from you!
We’re hiring!
Are you a passionate writer? We want to hear from you!
View openings

Want to support Howchoo? When you buy a tool or material through one of our Amazon links, we earn a small commission as an Amazon Associate.

Donate

Leave a Reply

Your email address will not be published. Required fields are marked *