data-sly-resource Not Editable | Community
Skip to main content
pakram
New Participant
October 16, 2015
Solved

data-sly-resource Not Editable

  • October 16, 2015
  • 12 replies
  • 6538 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? 

12 replies

pakram
pakramAuthor
New Participant
October 16, 2015

edubey wrote...

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

 

No we are not removing decorations

Feike_Visser1
Employee
October 16, 2015

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