AEM 6.3 - using parsys in htl files | Community
Skip to main content
brendanf9753525
brendanf9753525
New Participant
July 12, 2017
Solved

AEM 6.3 - using parsys in htl files

  • July 12, 2017
  • 25 replies
  • 23189 views

[Thread Edited By Adobe]

/*Don’t forget to meet and greet your fellow peers virtually by telling them about yourself here. 

Go ahead and to it now: https://adobe.ly/3eDnB4v */

 

Actual Post:

Hi All,

 

I am working with a HTL template and wanted to add some parsys components so we can make changes from the front end interface. Adding images, specifically.

 

My question is in regards to parsys resources. I have these tags in my html.

   <div class="logo" style="height:100px;">

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

   </div>

 

The problem is that from the front end editor these show as very tiny lines, and its impossible to click them. And if I click them and add an image to them, I have to refresh my browser because the changes aren't reflected in my current session. I don't see any errors in the console log.

 

 

Is there something I need to do to make these bigger? Viewing the source shows them having a class as container is-disabled. Could that be my issue? I can add a new component to the ones I can click, but clicking them is the hard part. If you also have any ideas for why I may have to refresh the browser for any changes to show up. (I.E, I add a new image but the option to configure it does not show up until I refresh the page)

 

 

<div data-type="Editable" data-path="/content/vhhomecare/Home/jcr:content/left-par" tabindex="0" draggable="false" class="cq-Overlay cq-Overlay--component cq-Overlay--container is-disabled" title="Paragraph System - HTL [Root]" style="top: 224px; left: 8px; width: 1887px; height: 37px;"><span title="Paragraph System - HTL [Root]" class="cq-Overlay--component-name">Paragraph System - HTL [Root]</span><div data-type="Editable" data-path="/content/vhhomecare/Home/jcr:content/left-par/*" tabindex="0" draggable="false" data-text="Drag components here" title="Paragraph System - HTL [Root]" class="cq-Overlay cq-Overlay--component cq-droptarget cq-Overlay--placeholder is-selected is-active" style="top: 0px; left: 0px; width: 1887px; height: 0px;"></div>

 

 

Let me know what you guys think or if I'm even doing this the right way, thanks for your help.

 

-Brendan

 

 

    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 brendanf9753525

    Hi Zeeshank,

    Thanks for your responses, I was able to figure out my problem! I needed to add an image as one of the allowed components in the design tab before I could click them in the edit tab. It had no allowed components so it wasn't clickable.

    They are still very small and every time I add a component to a parsys, I need to refresh the browser to get it to update. Any ideas why this would be happening?

    Not the worst, but at least I can add things again!

    Thanks

    Brendan

    25 replies

    Show previous replies
    brendanf9753525
    brendanf9753525Author
    New Participant
    July 13, 2017

    Hi Feike,

    Thanks for the suggestion, I installed that hotfix and see the same issue (not refreshing when I add/delete/change a component in parsys). My changes update okay but they do not reflect until I refresh the page. Do you have any other ideas for what could be causing this?

    Thanks

    Brendan

      Feike_Visser1
      Feike_Visser1
      Employee
      July 13, 2017

      Also make sure to install CFP1 / 6.3.0.1

      It has this fix for this parsys:

      • The HTL based Paragraph System component (/libs/wcm/foundation/components/parsys) should be adapted to the new component wrapper behavior. NPR-16980; Hotfix for CQ-4206620, CQ-4206621
        zeeshanKhan0786
        zeeshanKhan0786
        New Participant
        July 12, 2017

        can you paste the page screenshot with or wothout component.

          brendanf9753525
          brendanf9753525Author
          New Participant
          July 12, 2017

          Sure - HomePage.jsp

          And I'll make a HomePage.html

          This was able to load everything but I got the same issue of the UI not refreshing when I try to add something to the page. :/

          Brendan

            zeeshanKhan0786
            zeeshanKhan0786
            New Participant
            July 12, 2017

            can you share the HomePage.jsp and is HomePage is a page component.Correct the name of HomePage.html and add <div data-sly-include="body.html"></div> in HomePage.html

              brendanf9753525
              brendanf9753525Author
              New Participant
              July 12, 2017

              Hi zeeshank,

              Sure thing. It's below. I tried dragging and dropping an "image" component into my page and it did not refresh the screen. Both the dragging the image component and adding it through the plus result in the same thing - having to refresh browser to refresh the page.

              It looks like I am having the same issue are that other thread without having any JS errors in my console.

              Here is my component that renders the HTML files below.

              And here is my page rendering template

              As well as my clientLibs and my head.html that loads the clientLibs

              Let me know if anything stands out to you from these or if you need more info!

              Brendan

                zeeshanKhan0786
                zeeshanKhan0786
                New Participant
                July 12, 2017

                can you send the image of the page and are you dragging and dropping some component.

                  brendanf9753525
                  brendanf9753525Author
                  New Participant
                  July 12, 2017

                  I created a page rendering template where I have those parsys components.

                  I have a clientLib rendered, but when I remove all HTML except for the parsys I don't see the clickable part at all. Would a clientLib cause the application to behave differently?

                  body.html is where I have been posting examples of my HTML code.

                    zeeshanKhan0786
                    zeeshanKhan0786
                    New Participant
                    July 12, 2017

                    you can check this thread

                    touch ui page not getting refreshed on adding new component

                      zeeshanKhan0786
                      zeeshanKhan0786
                      New Participant
                      July 12, 2017

                      Are you dragging and dropping this parsys component in some page or this is included in page.Can you remove all styling tag from page also.And confirm that no clientlib is loaded into your page.

                        Show more replies
                        Terms & ConditionsAccessibility statement

                        Loading footer...