Collapse html in Visual Studio 2012

Question

in previous versions of Visual Studio, you could collapse the html blocks, but that appears to be missing in VS2012. Any ideas on how to enable that feature again?

http://stackoverflow.com/questions/1729841/visual-studio-command-to-collapse-all-sections-of-markup-tags no a duplicate but related on how to colapse a whole document ctrl+M+O; — Kieran, Dec 12 '13 at 23:19
One thing I noticed is that outlining can be broken by anything that's not strict XHTML. So if you have a `meta` or `br` element that is not self closing, the parser will continue to look through the rest of the document for the closing tag. Weary from searching, it will give up and refuse to outline anything. — KyleMit, Jun 18 '14 at 01:28

score 101 · Accepted Answer · edited Dec 10 '15 at 14:38

101

I was having this issue too and it was driving me nuts. Turns out that, somehow, I turned off "Automatic outlining" which meant that I did see the plus/minus signs and the shortcut Ctrl + M + M didn't work either.

After I turned on Automatic Outlining in Edit > Outlining > Start Automatic Outlining everything went back to normal.

NOTE: On some ocassions, for this solution to work, you also need to close and reopen the document before clicking on Start Automatic Outlining. In fact, sometimes that option doesn't appear in the menu if you don't do so.

edited Dec 10 '15 at 14:38

JotaBe

38,030
8
98
117

answered Sep 28 '12 at 17:39

AJ Tatum

653
2
15
35

4

That is very wired. I had to switch ON the automatic outlining, in order to get the element collapsing to work. I will still upvote this answer because it did help me somehow. – Idrees Nov 11 '12 at 14:17
Same as @Idrees - I had to switch ON outlining. – Samik R Feb 07 '13 at 05:28
ditto. had to turn it off. – Ray Suelzer Apr 20 '13 at 04:54

ciriarte · Answer 2 · 2012-10-04T02:54:44.040

11

It's still there. The issue is that sometimes it takes a while for the parser to visually enable collapsing.

Imgur

Try Ctrl + M + M and you'll see the effect

edited Oct 04 '12 at 02:54

answered Sep 24 '12 at 23:47

ciriarte

1,433
2
13
23

score 3 · Answer 3 · answered May 16 '15 at 18:25

I prefer using Ctrl + M + H whenever I want to hide unwanted code irrespective of any tree hierarchy. This works great even if I want to hide my commented code.

You just need to select the code that you want to collaspe and hit Ctrl + M + H and its hidden now :)

enter image description here

score 2 · Answer 4 · answered Mar 06 '14 at 13:57

2

When you open the font .cshtml, you will have go to EDIT->Outlining->Start Automatic Outlining

answered Mar 06 '14 at 13:57

user3388494

21
1

score 0 · Answer 5 · answered Nov 13 '14 at 08:52

0

Just hover your mouse on code editor and wait a moment, don't move your mouse :)

The outline tree will show out.

before and after

answered Nov 13 '14 at 08:52

IlPADlI

1,943
18
22

hey what is your font name buddy i like it – Burak Ogutken Dec 23 '14 at 15:05
@BurakOgutken haha! the font's merged by myself, uses `Glass_TTY_VT220` and `msyh` and some style adjust, you can get it from `drive.google.com/open?id=0BydI37B8JmUeUmVNaTJJV2FzN00` – IlPADlI Dec 24 '14 at 04:04
Sorry i am first time to using google driver, the file was set to share :) – IlPADlI Dec 25 '14 at 03:27

score 0 · Answer 6 · answered May 27 '16 at 05:44

0

right click on html, cshtml or aspx file in solution explorer and select open with option:
in dialog select html editor and click on set as defualt button.
open html or cshtml or aspx file and enjoy html file with outline html tag. :)

answered May 27 '16 at 05:44

Ali Rasouli

1,705
18
25

Collapse html in Visual Studio 2012

6 Answers6