Regions In ASP.NET Views?

Question

I am making an ASP.NET MVC application with the razor engine.
And I was wondering if it's possible to use Regions in a view.

something like:

#region blabla
    <p>@Model.Name</p>
    <p>...</p>
#endregion

This does not work. Is there an alternative?

You can use Ctrl+M, Ctrl+L to collapse the tags – Ahmed Magdy May 02 '12 at 09:50 — Ahmed Magdy, May 02 '12 at 09:50

score 143 · Accepted Answer · edited Oct 26 '20 at 23:04

143

This works in Visual Studio 2015 and above (thanks to @dotnetN00b for the sample in the comments section):

<!-- #region Test -->

code here

<!-- #endregion -->

edited Oct 26 '20 at 23:04

Sameer Alibhai

3,092
4
36
36

answered Mar 28 '14 at 12:29

Mustafa Çakıroğlu

1,618
1
11
10

If you have VS 2012, then download Web Essentials 2012. In either case, you'll need to go to your menu in VS (2012 for me), Tools > Extensions and Updates > Online and search for the tool. In short, IMO, this is definitely the answer until MS provides built-in support. – dotnetN00b Jul 10 '14 at 14:52
11

The syntax is as simple as `` and ``. – dotnetN00b Jul 10 '14 at 15:04
1

Works with VS2015 with no plugin - nice & perfect answer – Catto Nov 03 '15 at 10:39
1

This is the only correct answer here, the others are talking about collapsing the PARENT TAG, which is not the same thing – Excel Kobayashi Feb 11 '16 at 15:29
1

This should be the correct answer! Works with VS2015 without any plugin. – Luke Vo Feb 23 '16 at 17:33
I changed the correct answer to this one! Thanks for all the input :) – Velter Feb 09 '17 at 14:09
Just tried it in VS2017, but doesn't seem to work without plugin (as reported for VS2015). Anyone know the status for VS2017? – Kjell Rilbe Dec 02 '17 at 07:00
Correction: It works as in regular C# code `#region Test` ... `#endregion` but only in C# code secions within the Razor view file. If any HTML mode section appears inside the region, it won't work. – Kjell Rilbe Dec 02 '17 at 07:11
can we use region inside another region? – Arijit Mukherjee Dec 20 '17 at 06:00
Its not working on Visual Studio for Mac, version is 8.10.10 (build 8). Do I need to install any plugin? – Muhammad Ali Yousaf Oct 02 '21 at 07:34

score 56 · Answer 2 · answered Aug 24 '11 at 06:59

56

Select the part which needs to be converted to region, then right click and press CollapseTag

answered Aug 24 '11 at 06:59

Artur Keyan

7,643
12
52
65

2

I never knew that you could do this although I can't see how to give the region a name. That said, I can't see any reason why this should not be marked as the correct answer? – Dangerous May 01 '12 at 13:27
5

In fact, this is the correct answer. This answer has been awarded bounty by Chuck Norris, so No matters where the green tick is. This is the correct one. – Jonathan May 03 '12 at 11:55
1

suggest the answer starts: No, you can't use regions, but you could try this instead – Myster Feb 20 '13 at 23:27
17

Note that this is not saved when your close and reopen the file in question, which makes them not really interesting at least in my case. – Joel Peltonen Apr 25 '13 at 12:20
4

Also note this won't actually allow you to collapse a group of elements, but their parent and/or individual elements, which won't give the desired effect in this case. In my case, I'm looking for collapsable `#region` elements within a code block. Since I'm using asp.net in MVC, I put the region demark and then use close/end server tags. It's ugly when expanded but it works: `<% // non-collapsed code .. %><% #region collapsable code #endregion %><% // resume non-collapsed code.. %>` OR you can use Ctrl-M + Ctrl-H & Ctrl-M + Ctrl-U (http://stackoverflow.com/questions/6457967) – JoeBrockhaus May 08 '14 at 15:57
1

These are not regions at all, just collapsing tags. Even Chuck Norris can be wrong sometimes. – Arturo Torres Sánchez Dec 10 '14 at 23:50
I dont have the CollapseTag option when i rightclick in VS2017, someone know how can turn it on? – Juan Salvador Portugal Sep 10 '18 at 15:05

fbarikzehy · Answer 3 · 2020-06-24T15:12:29.400

20

In Visual Studio (2015 and above) .html or .cshtml code editor, type region, then press Tab key.This implements #region snippet code like below:

<!-- #region name -->

//Your html or cshtml codes

<!-- #endregion -->.

edited Jun 24 '20 at 15:12

answered Nov 02 '15 at 08:29

fbarikzehy

4,885
2
33
39

1

Definitely the better option in recent VS versions - and more natural – Jon Story Jul 01 '16 at 16:38
Works for me in VS2013 – Morten Jensen Jun 12 '18 at 13:19
Works for me in Visual Studio 2019 Professional – wesreitz Jul 28 '21 at 07:38

score 14 · Answer 4 · answered May 12 '13 at 09:59

In Visual Studio, you can manually add outlined region like this :

To create or remove a collapsible region

Select the text you want to treat as a collapsible region.

To create a collapsible region, on the Edit menu, point to Outlining, and then click Hide Selection.

The editor turns the selection into a region, collapses it, and displays a box with an ellipsis (...) to indicate that the area contains a collapsed area. You can hold the mouse pointer over the box to see its contents.

To remove a collapsible region, collapse it, and then click it to select it.

On the Edit menu, point to Outlining, and then click Stop Hiding Current.

To collapse and expand a single region

To collapse a region, click the minus sign (-) in the margin of the editor.

To expand a collapsed region, click the plus sign (+) in the margin.

To collapse and expand all regions

On the Edit menu, point to Outlining, and then click Toggle All Outlining.

From MSDN

But that's not really practical.

For HTML you can manually edit the outline option for each tags in the text editors options :

enter image description here

Minimum value of minimum lines is 1 to be effective.

More info on MSDN

Points for the Outlining Collapse. I find it very practical. — ProfK, Dec 12 '14 at 20:00

Protect Life Save Forests · Answer 5 · 2017-03-24T07:50:43.820

13

I don't have "CollapseTag" option in my context menu. What I usually do is :

Select text.
Goto Edit -> Outlining -> Hide Selection.

or

use Ctrl+M, Ctrl+H

I am using Microsoft Visual Studio Pro 2013.

edited Mar 24 '17 at 07:50

answered Apr 08 '15 at 10:39

Protect Life Save Forests

659
1
7
21

2

This is perfect (y) I love it. Thx so much – Mr. Robot Feb 25 '16 at 23:49

score 11 · Answer 6 · edited May 23 '17 at 12:34

11

No, AFAIK it is not possible to use regions in a view. You could use partials to group regions of the view into reusable partial views.

See the newer answer; it works and accomplishes the desired effect.

edited May 23 '17 at 12:34

Community

1
1

answered Mar 22 '11 at 14:38

Darin Dimitrov

1,023,142
271
3,287
2,928

1

Useless, as they do not save when closed. – Ed DeGagne Feb 21 '14 at 16:39

score 3 · Answer 7 · edited May 02 '12 at 11:22

3

regions sort-of work in views for me, I can define a region but it will not collapse. If you use @Artur's method of using Collapse Tag you're pretty much there! :)

edited May 02 '12 at 11:22

Chuck Norris

15,207
15
92
123

answered May 02 '12 at 09:39

eth0

4,977
3
34
48

score 3 · Answer 8 · answered Mar 22 '11 at 16:52

3

Divs are collapsible so you could always use them with some sort an id to kind of mimic regions.

<div id="BLABLA">...</div>

answered Mar 22 '11 at 16:52

mdm20

4,475
2
22
24

score 3 · Answer 9 · answered Mar 22 '11 at 18:35

3

You can use Masterpages with RenderPartial or RenderAction to make your views smaller. Both have their places.

answered Mar 22 '11 at 18:35

George Stocker

57,289
29
176
237

score 1 · Answer 10 · answered Apr 26 '13 at 13:09

1

Be aware that using regions can cause issues in views - even though they are syntactically valid, often the designation between code and HTML/SCRIPT becomes 'confused', resulting in unpredictable behavior.

DIVs are certainly the 'better' solution, especially as extra DIVs allow more flexibility when changing CSS styles later.

If you need lots of regions, then consider refactoring your code further.

answered Apr 26 '13 at 13:09

Derek Nigel Bartram

303
2
5

Or, just be cautious about where you are placing the regions so they don't break the c# code embedded in HTML – devlin carnate Mar 02 '23 at 19:26

Regions In ASP.NET Views?

10 Answers10

Linked

Related