How to make href for content fragment

[SunitaCh]

Hi All,

I have created one Content Fragment Model where I have included Start application path browser as shown below.

Now I am using outbox Content Fragment List and Start application is coming like below.

Here my requirement is that Start application should be hyperlink and open in new tab like below

But I am not able to achieve it. Can somebody please let me know hoe can I achieve this ?

Thanks & Regards,

Sonu

[A_H_M_Imrul]

Hello @SunitaCh,

You can refer to this question: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-to-transform-a-link-in...

Thanks

[SunitaCh]

@A_H_M_Imrul 

This one is I think used for shortening URL , correct ?

[krati_garg · Accepted solution]

@SunitaCh You must be consuming this Content Fragment on a page via Content Fragment List Component. Please add rendering logic onto component markup as html using Sightly. HTML for reference:
https://github.com/adobe/aem-core-wcm-components/blob/main/content/src/content/jcr_root/apps/core/wc...

[aanchal-sikka]

Hello @SunitaCh 

The mark-up of Content Fragment component is raw. It only adds value and titles to HTML. I doubt you would use it in the same format.

To use the capabilities of Content Fragment:

- Extend the CF component

- Update HTL as per the need

- To render adaptive images, use image delegation. Example: Teaser component https://github.com/adobe/aem-core-wcm-components/blob/main/content/src/content/jcr_root/apps/core/wc...

[kautuk_sahni]

@SunitaCh Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.

[SunitaCh]

Yes , I have called this path inside the slingmodel and then call in HTL/sightly and making it link like below.

<a x-cq-linkchecker="skip" href="${table.startApplication}.html" target="_blank">Start application</a>