Platform

 View Only
  • 1.  How can we get a button to open a report in a new tab of the browser?

    Posted Tue September 24, 2024 05:58 AM

    Hey!

    Could anyone help me point a button on a report - to open up in a new browser tab - instead of opening the report within the same tab?

    The report can be housed in following conditions:

    (a) Different project - but within the same Main 1 / Main 2 environment.

    (b) Different Environment different project

    Thanks!


    #TBMStudio


  • 2.  RE: How can we get a button to open a report in a new tab of the browser?

    Posted Tue September 24, 2024 06:00 AM

    Also, condition (c) We have a button that goes into the Usage project as well.




  • 3.  RE: How can we get a button to open a report in a new tab of the browser?

    Posted Tue September 24, 2024 06:16 AM

    I'm not sure about a button specifically that can do that, but I'm pretty sure you can get HTML to do it. You should be able to make the HTML look like a button as well.




  • 4.  RE: How can we get a button to open a report in a new tab of the browser?

    Posted Tue September 24, 2024 08:54 AM

    If you want to do it in HTML then the following will do it. I've left the colours a bit garish because you will probably want to change them. 

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .Customerbutton {
      border: none;
      color: red;
      padding: 16px 32px;
      text-align: left;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      margin: 4px 2px;
      transition-duration: 0.4s;
      cursor: pointer;

    border-radius: 9px;
    }

    .Customerbutton1 {
      background-color: red;
      color: black;
      border: 2px solid #04AA6D;
    }

    .Customerbutton1:hover {
      background-color: #04AA6D;
      color: white;
    }

    </style>
    </head>
    <body>


    <a target="_blank" href="https://google.com" class="Customerbutton Customerbutton1" style="text-decoration:none">Go  to   Google</a>

    </body>
    </html>