is it possible to add links in template | Community
Skip to main content
arjuns71585267
arjuns71585267
New Participant
September 26, 2018
Solved

is it possible to add links in template

  • September 26, 2018
  • 12 replies
  • 3350 views

Hi Everyone,

I tried using <a href> tag inside my HTL page to add links i my aem template and it didn't work...

Any way to create hyperlinks?

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by VeenaVikraman

    Hi Arjun

        There could be chances that HTL might have filtered thinking it as invalid link. HTL has inbuilt XSS protection. Could you please provide a sample of the link or code you were trying ?

    I have tried to pull few links from the web

    Adobe AEM Sightly

    12 replies

    errsheenah
    errsheenah
    New Participant
    September 26, 2018

    Hi,

    By adding the <a href> tag in your page html to which the template is referencing, it should show up on the template by default. Please check if the template has the proper sling:resourceType and the page node is of the correct structure.
    Here's a screenshot for reference :

    The blankpage.html that I have used to test this locally :

    <sly data-sly-include="/libs/wcm/core/components/init/init.jsp" data-sly-unwrap/>
    <div class="main-par">
    <div data-sly-resource="${ @path='par', resourceType='wcm/foundation/components/parsys'}" data-sly-unwrap></div>
    <a href="http://www.google.com">HI</a>
    </div>

    This gave me the following result :

    As you can see both parsys and the link were rendered.

    Hope this helps!

    arunpatidar
    arunpatidar
    New Participant
    September 26, 2018

    Yes, It is possible but then how would you render dynamic/authorable content.

    with the help of HTML, JS and CSS you can create static page but for dynamic page you have to use either JSP or HTL, and to choose between HTL and JSP, HTL has advantage over JSP.

    Arun Patidar
    VeenaVikraman
    VeenaVikraman
    New Participant
    September 26, 2018

    How are you planning to render your FE content ? By content I mean the one which the business authors ?

    arjuns71585267
    arjuns71585267Author
    New Participant
    September 26, 2018

    Is it possible to use pure html,js and css to design AEM pages rather than using Sightly along with HTML?

    arunpatidar
    arunpatidar
    New Participant
    September 26, 2018

    Hi,

    It works, it is just content, can you make sure you have created a tag properly.

    e.g. page component HTL

    <!doctype html>

    <html lang="en">

        <head>

            <!--/* Initializes the Experience Manager authoring UI */-->

            <sly data-sly-include="/libs/wcm/core/components/init/init.jsp" data-sly-unwrap/>

        </head>

        <body>

            <div>This is a demo page <a href="https://www.google.co.in">Click here</a></div>

            <div data-sly-resource="${'parsys' @ resourceType='wcm/foundation/components/parsys'}"></div>

       </body>

    </html>

    Arun Patidar
      VeenaVikraman
      VeenaVikraman
      New Participant
      September 26, 2018

      I tried this and it is working fine for me

      arjuns71585267
      arjuns71585267Author
      New Participant
      September 26, 2018

      just http://www.google.com

      VeenaVikraman
      VeenaVikraman
      New Participant
      September 26, 2018

      Understand that. Can you give me that link so that I can test it out ?

      arjuns71585267
      arjuns71585267Author
      New Participant
      September 26, 2018

      Hi Veena,

      It was just normal HTML A tag.

      <a href="my_link_url_goes)_here">

      arjuns71585267
      arjuns71585267Author
      New Participant
      September 26, 2018

      Hi Donald,

      I was just trying static templates for now. I want to learn to use editable templates too but it is so confusing for me now. Any way to add links in the static templates?

      Show more replies
      Terms & ConditionsAccessibility statement

      Loading footer...