Python Forum
VS-Code - Maximizing Horizontal Space For Editor
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
VS-Code - Maximizing Horizontal Space For Editor
#1
Even when VS-Code editor is in Zen mode, there are wide blank columns on either side of screen that are not available as part of coding area.

Has anyone been successful in overcoming this limitation, thereby making use of the whole screen width ?
A.D.Tejpal
Reply
#2
This is one case where an image would help.
I don't have this problem.
Reply
#3
(Oct-07-2019, 05:06 AM)Larz60+ Wrote: This is one case where an image would help.

Thanks for kindly looking into it. Screenshot is placed below:

[Image: open?id=1Qm09Q1UTZnMLvsIxgNUWS97c5ofwNZIl]
A.D.Tejpal
Reply
#4
Actually, if you are after more space for coding - collapsing Explorer, probably hiding activity bar and mini map and going into Full screen mode would yield more real estate than the zen mode
If you can't explain it to a six year old, you don't understand it yourself, Albert Einstein
How to Ask Questions The Smart Way: link and another link
Create MCV example
Debug small programs

Reply
#5
(Oct-07-2019, 05:45 AM)buran Wrote: collapsing Explorer, probably hiding activity bar and mini map and going into Full screen mode would yield more real estate than the zen mode

The screen shot submitted in my previous post represents maximized state of editor window, after taking all the steps recommended by you.

It would be seen that centrally placed editor window is narrower than the blue colored task bar (seen at bottom), leaving unused blank space on either side.

Contents of settings.json file are placed below, for ready reference:

{
    "workbench.colorTheme": "Visual Studio Light",
    "editor.fontSize": 18,
    "editor.fontFamily": "Fira Code",
    "editor.wordWrap": "on",
    "editor.autoClosingBrackets": "never",
    "editor.autoClosingQuotes": "never",
    "editor.defaultFormatter": "ms-python.python",
    "editor.mouseWheelZoom": true,
    "editor.wrappingIndent": "indent",
    "editor.formatOnType": true,
    "editor.minimap.enabled": false,
    "files.insertFinalNewline": true,
    "files.trimFinalNewlines": true,
    "files.trimTrailingWhitespace": true,
    "workbench.activityBar.visible": false,
    "breadcrumbs.enabled": false,
    "zenMode.hideLineNumbers": false,
    "python.jediEnabled": false,
    "python.linting.lintOnSave": false,
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "zenMode.restore": true,
    "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\cmd.exe",
    "terminal.integrated.rendererType": "dom",
    "terminal.integrated.cursorBlinking": true,
    "terminal.integrated.cursorStyle": "line",
    "terminal.integrated.fontSize": 18,
    "terminal.integrated.fontFamily": "Times New Roman",
    "terminal.integrated.rightClickBehavior": "default",
    "window.zoomLevel": 1,
    "code-runner.clearPreviousOutput": true,
    "code-runner.defaultLanguage": "python",
    "code-runner.runInTerminal": false,
    "code-runner.preserveFocus": false,
    "window.autoDetectHighContrast": false,
    "window.restoreFullscreen": true,
    "window.restoreWindows": "none",
    "window.newWindowDimensions": "maximized",
    "window.openFilesInNewWindow":"off",
    "window.openFoldersInNewWindow":"off",
    "terminal.explorerKind":"integrated",
    "kite.showWelcomeNotificationOnStartup": false,
    "python.pythonPath": "C:\\Program Files\\Python37\\python.exe",
    "workbench.editor.enablePreview":false,
    "workbench.editor.enablePreviewFromQuickOpen":false
}
A.D.Tejpal
Reply
#6
The screenshot in your previous post was Zen mode.
Here is Zen mode
   
There are two areas on both side of the editor that are not used

Here is standard view (no Terminal shown), with mini map on the right side, collapsed explorer/activity bar
   

And here is a full screen mode with mini map hidden. You can hide also activity bar (on the left side of the screen) and the blue status bar
   
If you can't explain it to a six year old, you don't understand it yourself, Albert Einstein
How to Ask Questions The Smart Way: link and another link
Create MCV example
Debug small programs

Reply
#7
(Oct-07-2019, 07:03 AM)buran Wrote: And here is a full screen mode with mini map hidden.

Thanks for posting the images.

However, all the three are getting displayed as pure black rectangles. I have tested on different browsers (Chrome, FireFox, Opera) but no details could be made out.

Apart from this, the images were downloaded on my desktop and opened in Microsoft Office Picture Manager. Same results. I have windows 10.

Could you kindly look into it.
A.D.Tejpal
Reply
#8
I am using dark theme.
On the Zen mode you can see two vertical white lines that limit the edit pane, file name on the top left corner of edit pane
On the second one in the top right corner you can see light rectangle that is min map, the menu bar on the top, status bar at the bottom and activity bar on the left.
On the third one mini map and menu are hidden. You can still see the activity bar on the left side and status bar as well as file name on the top. Virtually all the screen real estate is edit pane
If you can't explain it to a six year old, you don't understand it yourself, Albert Einstein
How to Ask Questions The Smart Way: link and another link
Create MCV example
Debug small programs

Reply
#9
(Oct-07-2019, 07:59 AM)buran Wrote: Virtually all the screen real estate is edit pane

You are right. Zen mode was the culprit. Problem stands resolved.

My sincere thanks for your kind help.
A.D.Tejpal
Reply


Possibly Related Threads…
Thread Author Replies Views Last Post
  Looking for editor with drag & drop interface vs entering in individual lines of code yeto 1 1,893 Jul-17-2019, 05:24 PM
Last Post: Yoriz
  VS Code editor questions Larz60+ 10 5,644 Jun-04-2018, 09:19 AM
Last Post: Larz60+
  VS Code Editor snippsat 2 6,299 Aug-22-2017, 09:08 PM
Last Post: nilamo

Forum Jump:

User Panel Messages

Announcements
Announcement #1 8/1/2020
Announcement #2 8/2/2020
Announcement #3 8/6/2020