Skip to main content
pakram
pakram
Level 2
Oct 16, 2015 2:29 AM UTC
Solved

data-sly-resource Not Editable

On a previous project (6.0 classic) I was able to use data-sly-resource in my templates to include some components and make them editable by authors. In playing around with 6.1 with touch ui, I tried to use the same approach but experiencing an unexpected outcome. The component will appear on the page, however it is not editable in Touch UI. It is editable in classic however. Am I missing a property or some configuration for the design_dialog that is preventing it from being edited in Touch UI?

Here is an example from my template:

<div data-sly-resource="${'news-details' @ resourceType='/apps/project/components/content/news-details'}">Event Detail</div>
    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    smacdonald2008
    smacdonald2008Accepted solution
    Level 10
    Oct 16, 2015 2:29 AM UTC

    I just tested Sightly on AEM 6.1. 

    <p>This is your Sightly component:</p>
    <div data-sly-use.heroTextObject="com.mycompany.myproject.sightly.HeroTextComponent" data-sly-test="${heroTextObject}">
           <h1>${heroTextObject.heroTextBean.headingText}</h1>
           <p>${heroTextObject.heroTextBean.description}</p>    
    </div>

    This is editable in Touch 6.1 - see:

    [img]Sightly61.png[/img]

    For your component - do you have a dialog - like the one shown above? 

    View in thread

    12 replies

    Feike_Visser1
    Adobe Employee
    Feike_Visser1Adobe Employee
    Adobe Employee
    Oct 16, 2015 2:29 AM UTC

    are you able to share a reproducible case here, so I can have a look at it?

    Translate
    pakram
    pakramAuthor
    Level 2
    Oct 16, 2015 2:29 AM UTC

    edubey wrote...

    Just wondering, have you used any piece of code to remove extra div generated by AEM ?

     

    No we are not removing decorations

    Translate
    edubey
    edubey
    Level 10
    Oct 16, 2015 2:29 AM UTC

    Just wondering, have you used any piece of code to remove extra div generated by AEM ?

    Translate
    pakram
    pakramAuthor
    Level 2
    Oct 16, 2015 2:29 AM UTC

    If I drag the component into a parsys then yes I can edit the component. The problem occurs when components are hard coded into templates. For example, we have Event Templates that have components like Title, Text, Image, etc all hard coded into that template for consistency. 

    I have not tried using data-sly-use as it would require rewriting some of our components. We may have to if we want to continue with this approach to templates...

    I was hoping there might be a solution or a hotfix as it works in classic.

    Translate
    Kunal_Gaba_
    Kunal_Gaba_
    New Member
    Oct 16, 2015 2:29 AM UTC

    Are you able to edit the component in touch UI if you just drag and drop it to an empty parsys ? I tested the "data-sly-resource" in my component on 6.1 and I am able to edit in Touch UI. 

    Translate
    pakram
    pakramAuthor
    Level 2
    Oct 16, 2015 2:29 AM UTC

    Are you suggesting Nivaz's question will provide a solution to my question? I don't see any solution to the issue mentioned. Please clarify.

    Translate
    smacdonald2008
    smacdonald2008Accepted solution
    Level 10
    Oct 16, 2015 2:29 AM UTC

    I just tested Sightly on AEM 6.1. 

    <p>This is your Sightly component:</p>
    <div data-sly-use.heroTextObject="com.mycompany.myproject.sightly.HeroTextComponent" data-sly-test="${heroTextObject}">
           <h1>${heroTextObject.heroTextBean.headingText}</h1>
           <p>${heroTextObject.heroTextBean.description}</p>    
    </div>

    This is editable in Touch 6.1 - see:

    [img]Sightly61.png[/img]

    For your component - do you have a dialog - like the one shown above? 

    Translate
    kautuk_sahni
    kautuk_sahni
    Level 9
    Oct 16, 2015 2:29 AM UTC

    Hi Community 

    Replying on this post so that it comes up in order.

    This post is migrated from AEM Forms to here.

    The same problem was mentioned in a comment (5th comment from top by Nivaz Deen) section of this link :- http://labs.6dglobal.com/blog/2014-05-22/issues-with-touch-ui-aem6/

    Please have a look at the same.

     

    Thanks and Regards

    Kautuk Sahni

    Translate
    Kautuk Sahni
    Rima_Mittal
    Rima_Mittal
    Level 4
    Nov 21, 2016 8:20 AM UTC

    try using -
     <div data-sly-resource="${ @path='news-details' ,resourceType='/apps/project/components/content/news-details'}" data-sly-unwrap></div>

    Translate
    Feike_Visser1
    Adobe Employee
    Feike_Visser1Adobe Employee
    Adobe Employee
    Nov 21, 2016 9:24 AM UTC

    Does the path exist that you are trying to edit?

    Translate
    Show more replies
    Terms & ConditionsAccessibility statement

    Loading footer...