How to open new tab in the browser clicking table row without java

Hi guys. Please give me some advice.


When I click on a row in the table, I want to pass the Id and display it on a new tab in the browser.

Is it possible to implement without java? 


Regards,

Thanks your advice.

I have watched this answer already. I wonder how to set "extended properties" on table row. Do you have knowledge about that?

mvp_badge
MVP

You do not need to set it on the table row, see my reply, you need to set it on the link to the destination screen.

mvp_badge
MVP

Hi Yumiko,

If you are using OutSystems 11, then the answer is 100% no, as it does not support Java. But you probably meant JavaScript, which is not Java.

To do this:

  1. Create an mandatory input parameter of the attribute data time you show in the table, on the destination screen (the screen you want to open in another tab)
  2. Select the Id on your screen that the user needs to be able to click, press the right mouse button and on the popup menu select Link To 
  3. Then select the destination screen
  4. On the link you created you need to pass the Id from the current row as input parameter.
  5. On the link add an extended property with name target and value "_blank"

Regards,

Daniel

Thanks your advice.

I'm sorry I mistyped java as JS.

I know "Link to" can be set extended property. I want to set same control if I click whole row in table. Do you have some knowledge?

mvp_badge
MVP

That is another question than you initially had. You also did not mention if you are building a traditional or reactive web app. Both have not always the same solution to a question.

Instead of using a link create an OnClick event for the Id. On the OnClick event action, add a destination node again with the extended property target and value _blank.

Now on each of your table cells add an extra event called onclick (all lowercase) and point to the same screen action you used for the OnClick event of the Id,

Thanks advice me again. It's really helpful!


>When I click on a row in the table

I'm sorry for the lack of words. I thought I expressed the question in the sentence above. 

I use reactiveweb app. I don't know how can I add extended property on Destination...


hi Yumiko, 

Create a link to the row & map it with the Table.list.current.Id.

To get a new tab[this will open a new tab only for the first time & when you click another row the new tab will get updated] https://andrew-ajay.outsystemscloud.com/ExcelUpload/Users.aspx?_ts=637584028677040299

In the Extended properties map the following

  • Property: target
  • Value: "blank"

To get a new tab on every click of a row: https://andrew-ajay.outsystemscloud.com/ExcelUpload/UserDetails.aspx?(Not.Licensed.For.Production)=

In the Extended properties map the following

  • Property: target
  • Value: "_blank"

Regards

Ajay A

hi Yumiko, 

Just noticed you are using Reactive Web app.

Create a link to the row & map it with the Table.list.current.Id.

To get a new tab[this will open a new tab only for the first time & when you click another row the new tab will get updated] https://andrew-ajay.outsystemscloud.com/NewTab/Users?_ts=637584038726379637

In the attributes properties map the following

  • Property: target
  • Value: "blank"



To get a new tab on every click of a row:https://andrew-ajay.outsystemscloud.com/NewTab/Entities2?_ts=637584041139449778

In the attributes  properties map the following

  • Property: target
  • Value: "_blank"

Refer the attached OAP file.

Regards

Ajay A

NewTab.oap

Thanks your advice.

I wrote above other reply,  I want to set to open new tab clicking table row. Not to use link widget. 

I think I must set action to open Destination like this image in order to open other screen in table row link. But there are no area "extended property". Is there no way to open new tab after clicking whole row?


Hi,

https://andrew-ajay.outsystemscloud.com/NewTab/Entities2

  1. I have still used the link to achieve this, please check if it works for you.
  2. I have removed the padding for each row.
  3. Added a container of full width & height 
  4. Linked the container to a pass the id to details screen
  5. Mapped Target = "_blank" in attribute of each link.
  6. I have also added few CSS to cover it.

Please check if it works for you, you can use this as a workaround until you find the best solution to map the entire row.

Screen name: Entity

Regards

Ajay A

NewTab.oap

Just to add the above solution provided is for the entire row.

You can open a new tab by clicking the row

Regards

Ajay A

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.