Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How to add extra button in pathbrowser or path field in dialog

Avatar

Level 3

How to add extra button open Url in new tab in Touch UI dialog, Is there any References

naruk89179065_1-1703657199140.png

 

@arunpatidar  @Jennifer_Dungan  @alexbishop 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @naruk89179065 
I tested same with image core component in AEMaaCS SDK, it opens in the new tab OOTB.

Below is the code for the button.

arunpatidar_0-1703678337493.png


You have to follow the same logic, 

1. Add a button in a dialog : https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/...
2. Write clientlibs, to read the pathfield and open a new tab with page/assets, example page edit path (http://localhost:4502/editor.html/content/aemlab/oneweb/reference-content/image.html)




Arun Patidar

View solution in original post

7 Replies

Avatar

Level 7

@naruk89179065 : You can add one more dialog field of type checkbox to specify if page URL should be opened in a new tab.

In HTL file of your component, you have to add 'target' attribute with value '_blank' based on the field value of checkbox field.

for eg:

 

<a href="<page-url>" target="_blank">Link Text</a>

 

You can refer these links for reference:

https://gist.github.com/nateyolles/e5eed811dc9c35961c23

https://www.freecodecamp.org/news/how-to-use-html-to-open-link-in-new-tab/

 

Avatar

Level 3

thanks @aanchal-sikka  @arunpatidar @Kamal_Kishor 
I am looking for in touch ui dialog level when click Linkbutton/Edit  its should open new tab particular authored URL.
EX: When drag and drop image its enabled Edit option and click edit option its redirect to dam image root path

naruk89179065_0-1703675750969.png




Avatar

Correct answer by
Community Advisor

Hi @naruk89179065 
I tested same with image core component in AEMaaCS SDK, it opens in the new tab OOTB.

Below is the code for the button.

arunpatidar_0-1703678337493.png


You have to follow the same logic, 

1. Add a button in a dialog : https://developer.adobe.com/experience-manager/reference-materials/6-5/granite-ui/api/jcr_root/libs/...
2. Write clientlibs, to read the pathfield and open a new tab with page/assets, example page edit path (http://localhost:4502/editor.html/content/aemlab/oneweb/reference-content/image.html)




Arun Patidar

Its really helpful, i have been facing this issue in my local quite a long time. Thank you.