How to have a a razor action link open in a new tab?

Question

I trying to get my link to open in a new tab (it must be in razor format):

    <a href="@Url.Action("RunReport", "Performance", new { reportView = Model.ReportView.ToString() }, new { target = "_blank" })" type="submit" id="runReport" class="button Secondary">@Reports.RunReport</a>

This is not working though. Anyone know how to do this?

Why would you bother attempting to put that into `Url.Action`? Just put in the `` tag itself. — Joel Etherton, Jun 01 '12 at 14:13

score 137 · Answer 1 · answered Jun 01 '12 at 14:21

137

Just use the HtmlHelper ActionLink and set the RouteValues and HtmlAttributes accordingly.

@Html.ActionLink(Reports.RunReport, "RunReport", new { controller = "Performance", reportView = Model.ReportView.ToString() }, new { target = "_blank" })

answered Jun 01 '12 at 14:21

Gabe

49,577
28
142
181

score 47 · Accepted Answer · answered Jun 01 '12 at 14:21

Looks like you are confusing Html.ActionLink() for Url.Action(). Url.Action has no parameters to set the Target, because it only returns a URL.

Based on your current code, the anchor should probably look like:

<a href="@Url.Action("RunReport", "Performance", new { reportView = Model.ReportView.ToString() })" 
   type="submit" 
   id="runReport" 
   target="_blank"
   class="button Secondary">
     @Reports.RunReport
</a>

score 23 · Answer 3 · edited Dec 22 '16 at 16:05

That won't compile since UrlHelper.Action(string,string,object,object) doesn't exist.

UrlHelper.Action will only generate Urls based on the action you provide, not <a> markup. If you want to add an HtmlAttribute (like target="_blank", to open link in new tab) you can either:

Add the target attribute to the <a> element by yourself:

<a href="@Url.Action("RunReport", "Performance",
    new { reportView = Model.ReportView.ToString() })",
    target = "_blank" type="submit" id="runReport" class="button Secondary">
    @Reports.RunReport
</a>

Use Html.ActionLink to generate an <a> markup element:

@Html.ActionLink("Report View", "RunReport", null, new { target = "_blank" })

JoshYates1980 · Answer 4 · 2017-07-26T14:35:09.250

18

If your goal is to use the ActionLink helper and open a new tab:

@Html.ActionLink("New tab please", "Home", null , new { target = "_blank" })

@Html.ActionLink("New tab please", "Home", Nothing, New With {Key .target = "_blank"})

edited Jul 26 '17 at 14:35

answered Oct 27 '15 at 14:56

JoshYates1980

3,476
2
36
57

score 9 · Answer 5 · edited Sep 17 '18 at 13:28

9

@Html.ActionLink(
"Pay Now",
"Add",
"Payment",
new { @id = 1 },htmlAttributes:new { @class="btn btn-success",@target= "_blank" } )

edited Sep 17 '18 at 13:28

Bugs

4,491
9
32
41

answered Aug 18 '18 at 06:11

Abiuth Arun

169
1
4

2

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. – Alex Riabov Sep 17 '18 at 14:55

score 7 · Answer 6 · answered May 03 '18 at 07:37

7

For

@Url.Action

<a href="@Url.Action("Action", "Controller")" target="_blank">Link Text</a>

answered May 03 '18 at 07:37

Thisara Subath

635
6
16

score 6 · Answer 7 · answered Dec 15 '16 at 22:09

6

With Named arguments:

@Html.ActionLink(linkText: "TestTab", actionName: "TestAction", controllerName: "TestController", routeValues: null, htmlAttributes: new { target = "_blank"})

answered Dec 15 '16 at 22:09

usefulBee

9,250
10
51
89

score 1 · Answer 8 · answered Dec 20 '16 at 18:22

1

asp.net mvc ActionLink new tab with angular parameter

<a  target="_blank" class="btn" data-ng-href="@Url.Action("RunReport", "Performance")?hotelCode={{hotel.code}}">Select Room</a>

answered Dec 20 '16 at 18:22

sanjeewa

564
1
5
17

score 0 · Answer 9 · edited Nov 27 '13 at 14:27

0

You are setting it't type as submit. That means that browser should post your <form> data to the server.

In fact a tag has no type attribute according to w3schools.

So remote type attribute and it should work for you.

edited Nov 27 '13 at 14:27

Erik Philips

53,428
11
128
150

answered Jun 01 '12 at 14:21

Sly

15,046
12
60
89

score 0 · Answer 10 · answered Jun 18 '14 at 06:44

0

<a href="@Url.Action("RunReport", "Performance", new { reportView = Model.ReportView.ToString() })" type="submit" id="runReport" target="_blank" class="button Secondary"> @Reports.RunReport </a>

answered Jun 18 '14 at 06:44

Faisal

190
1
11

How to have a a razor action link open in a new tab?

10 Answers10

Linked