MVC Button click open in new Window

Question

Hi I need to open my view in a new window on this button click but it opens in the same window. This is the syntax I'm using.

<button  id="btnPrintReport" onclick="location.href='@Url.Action("LoadReports", "DashBoard", new { target="_blank" })'" >Print</button>

Have I missed anything? Thanks.

score 6 · Answer 1 · edited Oct 13 '14 at 07:25

6

Try window.open to open link in a new tab

onclick="window.open('@Url.Action("LoadReports", "DashBoard", new { target="_blank" })')"

DEMO

edited Oct 13 '14 at 07:25

Ehsan Sajjad

61,834
16
105
160

answered Oct 13 '14 at 07:20

Arijit Mukherjee

3,817
2
31
51

I just want to open new tab when keyboard control button and mouse click is pressed Thanks in advance – Khizar Nayyar Mar 26 '19 at 18:45
Sir this code always opens the window in new tab My requirement is to open the tab when my control button is pressed along with mouse click. – Khizar Nayyar Mar 27 '19 at 10:25
in that case you have to put a condition above it for the same – Arijit Mukherjee Mar 27 '19 at 11:12
The target URL parameter (target = "_blank") doesn't seem to be necessary. – Christopher Berman Aug 01 '19 at 17:47

Marco · Answer 2 · 2014-10-13T07:25:41.303

As far as I know, <button> won't work with target. Same goes for input type="button" ... /> elements:

You need to use an anchor and style it with css as a button

<a href=@Url.Action("LoadReports", "DashBoard") id="aPrintReport" target="_blank" class="button">Print</a>

<!--taken from http://stackoverflow.com/questions/2187008/styling-an-anchor-tag-to-look-like-a-submit-button-->
.button {
    text-decoration: none; font: menu;
    display: inline-block; padding: 2px 8px;
    background: ButtonFace; color: ButtonText;
    border-style: solid; border-width: 2px;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}
.button:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

Hi, What changes required to make the above if the action is post form action? AFAIK Url.Action is GET only. — AKS, Jul 04 '16 at 11:54

MVC Button click open in new Window

2 Answers2