How can I onclick on a container on a page and open a new page on a new tab?

[Sayed Khan]

I am trying to find a way to onclick on a container on a page which will open a new page on a new tab ?

I have put the following code in javascript section of the page but not working

function testURL(){

window.open("https://www.google.com")

}

[David Beagan]

What do you want to click on in the container to initiate the new tab?

[Sayed Khan]

Hi David,

Yes, I want to be able to click anywhere on the container to initiate the new tab.

[Monica Rosa]

Hey Sayed I believe you opened a case with us and I sent you some sample Javascript code.

If this doesnt work please followup under your case.

Thanks.

[David Beagan]

You could try to put this code in a .fex procedure:

-HTMLFORM BEGIN<a href=https://www.google.com target=_new><iframe style="top=0;left=0;height:100%;width:100%;border:none;margin=0;"></iframe></a> -HTMLFORM END

Then the container could reference the .fex procedure.

You could use an image instead of an iframe.

[Patrick Huebgen]

Hi @Sayed Khan​ please check https://docs.tibco.com/pub/wf-wf/9.2.0/doc/pdf/TIB_wf-wf_9.1.1_users_guide.pdf?id=1 Page 752 "Using a JavaScript Drilldown to Run a Chart or Report in a Target Panel on a Page"

Patrick

[Sayed Khan]

window.addEventListener("iba_pageloaded", function (e){ var panel = document.querySelector(".skonclick").ibaObject; // var panel = document.querySelector(".skonclick").ibaContainer; // var tibcosite = panel.addButton({// "glyphClasses": "fa fa-home", "class": "tibcoButton", "tooltip": "Click to display help."}, // ".pd-container-title-button-resize", true);   var tibcosite = panel.containers();   tibcosite.addEventListener("click", function(){ window.open(https://server/ibi_apps/run.bip?BIP_REQUEST_TYPE=BIP_RUN&BIP_folder=IBFS%253A%252FWFC%252FRepository%252Fsayedm5o%252Fcar%252F&BIP_item=car_test_sk);}); var runReport = panel.addMenuItem({ "text": "Country Report", "glyphClasses": "fa fa-globe","class": "globemenu"}, ".skonclick>.ibx_menu_item", true); runReport.addEventListener("click", function(){ window.open( https://server/ibi_apps/run.bip?run.bip?BIP_REQUEST_TYPE=BIP_RUN&BIP_folder=IBFS%253A%252FWFC%252FRepository%252Fsayedm5o%252Fcar%252F&BIP_item=car_test_sk); });});

This code seems to get me close to what I'm looking for. It creates a button inside the title portion of the container, when clicked, it opens a new page.

What I want is instead of the button being inserted in the title, I want the whole container to be clickable.

[Patrick Huebgen]

Did you looked into "Link Tile" instead of a regular container?

https://kb.informationbuilders.com/topic/linking-external-content-page-8207

[David Beagan]

Patrick, good one. I just saw that and tried it out. Seems to do exactly what Syed is asking for.

[Sayed Khan]

Hi Patrick,

Thank you so much. That seems to get me 90% there. The only other thing I need is the target to be same page, I want to overwite the current page with a new page. Basically I have a portal with multiple menu tabs on top. Each tab is a page. When clicking on the container, I want a new page to open within the portal leaving the portal logo, menu, etc.. intact.