Visual studio: Collapse and expand sections of code

Visual studio: Collapse and expand sections of code:

Collapsing sections of code in vs:

Keyboard short cuts:

Hold CTRL, press M, then O     will collapse all.

Hold CTRL, press M, then P     will expand all and disable outlining.

Hold CTRL, press M, then L     toggle all to base/root +-.


Hold CTRL, press M, then M     will collapse/expand the current section.
                               Or just toggle -/+.

Hold CTRL, press M, then A     will collapse all even in html files.

Alternatively, right click anywhere on editor workspace > Outlining > Collapse to Definitions.

Once collapsed to definitions, you have other options as shown in below example.

Eg:

vs-outlining3

For more information, see here.

Visual studio: Collapsible and expandable option in view or aspx page

To turn on the collapsible/expandable option:

Steps:

1. select the section of code you want collapible in view or aspx page.

2. Press Ctrl + M + H

To turn off the collapsible/expandable option:

3. Press Ctrl + M + U

Note: to remove the option you really don't need to select the section back again. You can just place the cursor anywhere in the defined block and press the Ctrl + M + U option to remove the options.

Although you would use this in a view or aspx page, this functionality applies to visual studio code editor too. But #region directive is probably better applied here.

Eg: to enable collapsible option:

vs-collapseoption1

Eg2: collapsible option in vs editor code:

vs-collapseoption2

For more information, see here.

Or here.