data-sly-resource Not Editable

Forum|Forum|10 years ago
October 16, 2015
12 replies
6543 views

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.

Best answer by smacdonald2008

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?

kautuk_sahni

Community Manager

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

smacdonald2008Accepted solution

Level 10

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?

pakramAuthor

Level 2

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.

Kunal_Gaba_

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.

pakramAuthor

Level 2

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.