is it possible to add links in template | Community
Skip to main content
arjuns71585267
arjuns71585267
Level 4
Sep 26, 2018 12:22 PM UTC
Solved

is it possible to add links in template

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.
    VeenaVikraman
    VeenaVikramanAccepted solution
    New Participant
    Sep 26, 2018 1:22 PM UTC

    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

    View reply

    12 replies

    errsheenah
    errsheenah
    New Participant
    Sep 26, 2018 2:17 PM UTC

    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!

    Translate
    arunpatidar
    arunpatidar
    New Participant
    Sep 26, 2018 2:15 PM UTC

    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.

    Translate
    Arun Patidar
    VeenaVikraman
    VeenaVikraman
    New Participant
    Sep 26, 2018 2:14 PM UTC

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

    Translate
    arjuns71585267
    arjuns71585267Author
    Level 4
    Sep 26, 2018 2:12 PM UTC

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

    Translate
    arunpatidar
    arunpatidar
    New Participant
    Sep 26, 2018 2:10 PM UTC

    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>

    Translate
    Arun Patidar
      VeenaVikraman
      VeenaVikraman
      New Participant
      Sep 26, 2018 2:08 PM UTC

      I tried this and it is working fine for me

      Translate
      arjuns71585267
      arjuns71585267Author
      Level 4
      Sep 26, 2018 1:44 PM UTC

      just http://www.google.com

      Translate
      VeenaVikraman
      VeenaVikraman
      New Participant
      Sep 26, 2018 1:42 PM UTC

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

      Translate
      arjuns71585267
      arjuns71585267Author
      Level 4
      Sep 26, 2018 1:41 PM UTC

      Hi Veena,

      It was just normal HTML A tag.

      <a href="my_link_url_goes)_here">

      Translate
      arjuns71585267
      arjuns71585267Author
      Level 4
      Sep 26, 2018 1:40 PM UTC

      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?

      Translate
      Show more replies
      Terms & ConditionsAccessibility statement

      Loading footer...