Touch UI (Rich Text) Overlay Component does not work when included statically on the template | Community
Skip to main content
P
patK-ze1xYs
Level 4
March 15, 2016
Solved

Touch UI (Rich Text) Overlay Component does not work when included statically on the template

  • March 15, 2016
  • 6 replies
  • 3998 views

 <div data-sly-resource="${ @path='richText' , resourceType='/apps/XXX/components/content/text'}" ></div>

 

Included Statically on a Template.  When Tries to Edit the dialog : 

I see error in console 

GET http://localhost:4502/content/a/b/c/jcr:content/richText.json?_=1458055488719 404 (Not Found)

 

But when I drop the component statically on a template it works fine. 

    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 leeasling

    This is because when you include it that way, the "text" resource is technically null and not available.  Since you're including it in your page component, modify the associated template and pre-set the text node.  Example:

    <?xml version="1.0" encoding="UTF-8"?> <jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" jcr:description="Page Template" jcr:primaryType="cq:Template" jcr:title="Page Template" allowedPaths="[/content/site/en(/.*)?]" ranking="{Long}100"> <jcr:content jcr:primaryType="cq:PageContent" sling:resourceType="site/components/page/interior" cq:designPath="/etc/designs/site"> <text jcr:primaryType="nt:unstructured" sling:resourceType="wcm/foundation/components/text" /> </jcr:content> </jcr:root>

    6 replies

    smacdonald2008
    smacdonald2008
    Level 10
    March 15, 2016

    WHen you say drop on a template - do you mean while in edit mode - you drag the component from the side rail and then drop the component on a page based on a template? 

    P
    patK-ze1xYsAuthor
    Level 4
    March 15, 2016

    Yes in edit mode I drop a component on a template by dragging it from side rail and I could see dialog coming up. 

    When same component is included statically E.g. 

     <div data-sly-resource="${ @path='richText' , resourceType='/apps/XXX/components/content/text'}" ></div>

    When I click edit on Dialog I get error on console.

    When I click Configure I see , 

    P
    patK-ze1xYsAuthor
    Level 4
    March 16, 2016

    I noticed even when I include OOTB text - Touch UI Component 

    <div data-sly-resource="${ @path='11111' ,  resourceType='/libs/wcm/foundation/components/text'}" >  </div>

    I get http://localhost:4502/a/b/c/jcr:content/11111.json?_=1458109466899 404 (Not Found)

    Is this just something to do with my local or template ?

    L
    leeaslingAccepted solution
    Level 8
    March 16, 2016

    This is because when you include it that way, the "text" resource is technically null and not available.  Since you're including it in your page component, modify the associated template and pre-set the text node.  Example:

    <?xml version="1.0" encoding="UTF-8"?> <jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" jcr:description="Page Template" jcr:primaryType="cq:Template" jcr:title="Page Template" allowedPaths="[/content/site/en(/.*)?]" ranking="{Long}100"> <jcr:content jcr:primaryType="cq:PageContent" sling:resourceType="site/components/page/interior" cq:designPath="/etc/designs/site"> <text jcr:primaryType="nt:unstructured" sling:resourceType="wcm/foundation/components/text" /> </jcr:content> </jcr:root>
      pieter-janp4643
      pieter-janp4643
      March 16, 2016

      I am currently in the same situation with a similar component. I am including (with the data-sly-resource syntax) 2 different components.

      One is a responsive image component that uses droptargets, the other is using a rich text editor component. 
      When I drag an asset on the responsive image, it will create the node required to save the data without any issue.
      When I try to use the inplace editing of the text component, the dialog for this component fails. This is indeed due to the required node not existing.

      This issue seems, as far as I have tested, to be limited to using the inplace editing feature. 

       

      The template way partially works but will only work if the component is set using a template to create a page. Any available component in the sidekick will continue to have this issue when it is dragged by an author.
      I have currently patched this issue by creating a subnode in java when the component initializes and does not have the node for the nested text component. However I am still looking for a cleaner way to resolve this issue.

      P
      patK-ze1xYsAuthor
      Level 4
      March 16, 2016

      Thanks this was helpful now I can see the Component / Dialog. 

      But When I submit the authored content , I get 

       

      http://localhost:4502/a/b/c/jcr:content/jcr:content/richText.html?forceeditcontext=true&_=1458164194121 404 (Not Found) 

      Terms & ConditionsAccessibility statement

      Loading footer...