commenting c# and html code together in razor mvc

Question

I have mixed c# and html code in razor. how can I comment the whole as a one comment, this is the code?

@if (Request.Cookies["area"] != null && Request.Cookies["area"].Value != "")
{
    <div>

        <div class="search-main">
            <div><input type="text" class="search-control" placeholder="Search ads..." /></div>
            <div class="search-control .search-control-border" style="cursor:pointer;overflow-y:visible;">
                <a style="display:block; width:100%;height:100%" onclick="expandCategoryDropdown()">     <span class="category-dropdown-text" style="float: left;margin-top: 2%;margin-left: 0.2em;">@(Request.Cookies["city"] != null ? Request.Cookies["city"].Value.ToString() : "Select Location")</span><i class="glyphicon glyphicon-chevron-down icon category-dropdown-icon" style="float: right;margin-top: 3%;"></i></a>
                <div class="searh-dropdown" style="z-index:1">
                    <div class="inner-dropdown">
                        <ul style="margin-left:-38px">
                            @*<li class="select-cat-li" style="list-style-type:none"><a class="select-cat" style="color:black" onclick="select_cat(this,'parent')">@ViewBag.area</a></li>*@

                            @{

                                List<ListHell.CODE.Locations> lst = (List<ListHell.CODE.Locations>)ViewBag.cities;

                            }
                            <li class="select-cat-li" style="list-style-type:none">
                                @ViewBag.areaStr
                                <ul style="margin-left:-40px;">
                                    @foreach (ListHell.CODE.Locations l in lst)
                                    {
                                        <li class="select-cat-li" style="list-style-type:none"><a class="select-cat" style="margin-left:10px;color:black" onclick="select_cat(this,'child')">@l.city</a></li>
                                    }
                                </ul>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
            <div class="search-control .search-control-border"></div>
        </div>




        <div><input type="button" class="form-control" placeholder="Search" value="Search" style="margin-top: -2.5% !important;margin-left: 76%;;width:20%" /></div>
    </div>
}

I dont want embed comment within comment. Just one commenting should do. Possible?

score 3 · Accepted Answer · answered Apr 24 '19 at 11:35

This should work, it's working in my client.

@{/* 


@if (Request.Cookies["area"] != null && Request.Cookies["area"].Value != "")
{
<div>

    <div class="search-main">
        <div><input type="text" class="search-control" placeholder="Search ads..." /></div>
        <div class="search-control .search-control-border" style="cursor:pointer;overflow-y:visible;">
            <a style="display:block; width:100%;height:100%" onclick="expandCategoryDropdown()">     <span class="category-dropdown-text" style="float: left;margin-top: 2%;margin-left: 0.2em;">@(Request.Cookies["city"] != null ? Request.Cookies["city"].Value.ToString() : "Select Location")</span><i class="glyphicon glyphicon-chevron-down icon category-dropdown-icon" style="float: right;margin-top: 3%;"></i></a>
            <div class="searh-dropdown" style="z-index:1">
                <div class="inner-dropdown">
                    <ul style="margin-left:-38px">
                        @*<li class="select-cat-li" style="list-style-type:none"><a class="select-cat" style="color:black" onclick="select_cat(this,'parent')">@ViewBag.area</a></li>*@

                        @{

                            List<ListHell.CODE.Locations> lst = (List<ListHell.CODE.Locations>)ViewBag.cities;

                        }
                        <li class="select-cat-li" style="list-style-type:none">
                            @ViewBag.areaStr
                            <ul style="margin-left:-40px;">
                                @foreach (ListHell.CODE.Locations l in lst)
                                {
                                    <li class="select-cat-li" style="list-style-type:none"><a class="select-cat" style="margin-left:10px;color:black" onclick="select_cat(this,'child')">@l.city</a></li>
                                }
                            </ul>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <div class="search-control .search-control-border"></div>
    </div>


*/}

score 1 · Answer 2 · edited Jun 20 '20 at 09:12

1

Should be @* {code} * @ for multiline. alt. /* and */

You can also try ctrl + k + c if you are using Visual Studio

Example:

@*
    @{
        /* C# comment */
        // Another C# comment
    }
    <!-- HTML comment -->
*@

Similar Post answer

edited Jun 20 '20 at 09:12

Community

1
1

answered Apr 24 '19 at 11:14

Bebolicious

116
1
11

I tried not working. cant even make compiler happy runtime is long shot – user786 Apr 24 '19 at 11:19
its not one comment, you need to embed comment for html – user786 Apr 24 '19 at 11:21
1

remove this line @*
@ViewBag.area

Nerdroid

Apr 24 '19 at 11:22

Tried: <%-- --%> <% %> @/* */@ – Bebolicious Apr 24 '19 at 11:24

keep editing not working. I take it as no to the answer. NOT POSSIBLE – user786 Apr 24 '19 at 11:28

score 0 · Answer 3 · answered Apr 24 '19 at 11:26

that should work

@* @if (Request.Cookies["area"] != null && Request.Cookies["area"].Value != "")
{
<div>
    <div class="search-main">
        <div><input type="text" class="search-control" placeholder="Search ads..." /></div>
        <div class="search-control .search-control-border" style="cursor:pointer;overflow-y:visible;">
            <a style="display:block; width:100%;height:100%" onclick="expandCategoryDropdown()">     <span class="category-dropdown-text" style="float: left;margin-top: 2%;margin-left: 0.2em;">@(Request.Cookies["city"] != null ? Request.Cookies["city"].Value.ToString() : "Select Location")</span><i class="glyphicon glyphicon-chevron-down icon category-dropdown-icon" style="float: right;margin-top: 3%;"></i></a>
            <div class="searh-dropdown" style="z-index:1">
                <div class="inner-dropdown">
                    <ul style="margin-left:-38px">
                        <!-- <li class="select-cat-li" style="list-style-type:none"><a class="select-cat" style="color:black" onclick="select_cat(this,'parent')">@ViewBag.area</a></li> -->
                        @{
                            List<ListHell.CODE.Locations> lst = (List<ListHell.CODE.Locations>)ViewBag.cities;
                        }
                        <li class="select-cat-li" style="list-style-type:none">
                            @ViewBag.areaStr
                            <ul style="margin-left:-40px;">
                                @foreach (ListHell.CODE.Locations l in lst)
                                {
                                    <li class="select-cat-li" style="list-style-type:none"><a class="select-cat" style="margin-left:10px;color:black" onclick="select_cat(this,'child')">@l.city</a></li>
                                }
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="search-control .search-control-border"></div>
    </div>
    <div><input type="button" class="form-control" placeholder="Search" value="Search" style="margin-top: -2.5% !important;margin-left: 76%;;width:20%" /></div>
</div>
} *@

did you even see what changed on line 11 – Nerdroid Apr 24 '19 at 11:34 — Nerdroid, Apr 24 '19 at 11:34
this should be accepted answer – Yehor Androsov Apr 24 '19 at 11:36 — Yehor Androsov, Apr 24 '19 at 11:36

arlan schouwstra · Answer 4 · 2019-04-24T11:32:57.437

-1

For Visual Studio, use Ctrl+A, Ctrl+K, Ctrl+C.

For JetBrains, use Ctrl+A, Ctrl+/.

edited Apr 24 '19 at 11:32

answered Apr 24 '19 at 11:18

arlan schouwstra

156
12

I tried not working – user786 Apr 24 '19 at 11:18
Go to Edit>Advanced>comment selection (If you are using Visual Studio)Selection and use the combination that is displayed there. – arlan schouwstra Apr 24 '19 at 11:24
I'm sorry, that it is not working for you, but the solution does work. – arlan schouwstra Apr 24 '19 at 11:34
@arlanschouwstra it can't work since he has nested comments – Yehor Androsov Apr 24 '19 at 11:37
in that case, adding `/*your code here */` should work aswell – arlan schouwstra Apr 24 '19 at 11:46

commenting c# and html code together in razor mvc

4 Answers4