sightly

So it looks like sightly is great for getting properties, but I would like to work get properties of other child nodes that I have defined. Here is the start of my PictureFill Component structure: { jcr:primaryType: "nt:unstructured", jcr:createdBy: "admin", fileReference: "/content/dam/myapp/dev/hero-billboard.jpg", jcr:lastModifiedBy: "admin", jcr:created: "Wed Oct 07 2015 03:38:00 GMT+0000", jcr:lastModified: "Wed Oct 07 2015 16:54:12 GMT+0000", sling:resourceType: "myapp/components/content/image", cq:responsive: { jcr:primaryType: "nt:unstructured" }, mobile: { jcr:primaryType: "nt

can I use variables in another file that I'm including? in my HTL (file1.html) I have: <sly data-sly-test.myVar="${properties.myVarFromDialog}"></sly> <sly data-sly-include="/file2.html"></sly> Can I use myVar in file2.html ? I'm not getting any value. Is there a way of getting that value from file1.html to use in file2.html You should use data-sly-template for this. You can define templates in a separate file and can pass in parameters. For an explanation on templates check the following documentation link http://docs.adobe.com/docs/en/aem/6-0/develop/sightly.html#template Firstly, for the

In my html page I would like to loop through the properties returned by my Java class but do it under <script> tag. Currently my html page has this: <div id="map_wrapper"> <div data-sly-use.ev="Foo" class="mapping" id="${ev.googleClass || ''" > </div> </div> <script> .... var markers = [ ['Bondi Beach', -33.890542, 151.274856], ['Coogee Beach', -33.923036, 151.259052], ['Cronulla Beach', -34.028249, 151.157507], ['Manly Beach', -33.80010128657071, 151.28747820854187], ['Maroubra Beach', -33.950198, 151.259302] ]; ..... </script> My Java Class has following getters: //returns [0] = "something,

I had used <c:forEach> in jstl. Now i want to use sightly. My usecase is to print numbers from 1 to 10 then how can i iterate in sightly as for loop in java Sightly doesn't let you put any logic in it by design. What you should do is, you should customize your underlying model so that you can retrieve a prepared list of irrelevant (from Sightly's perspective) length that contains data that needs to be displayed. After that, just use data-sly-list . You'll need to google for more details, but in general, this is how you use lists in Sightly: <ul data-sly-list.myitem="${mymodel.myitems}" data

I am having a touch UI component for which I am creating a dialog in AEM 6. I have a requirement to create 2 radio buttons in the touch dialog and if either one of them are selected, the corresponding value of the selected radio button should be displayed. however, I am not understanding how to create the radio button options. I have implemented the same in classic dialog where the xtype=selection and type=radiogroup is used, but I do not understand how to create it in touch dialog You can use Form Input - Radio . To create a radio button group give all radio buttons the same name . The

I was looking over the expression options used in sightly. I tried the below line of code, but it seems just render the text over the page, can someone provide use of options with some good examples. ${'Assets' @ i18n, locale='fr-CH', hint='Translation Hint'} ${'Page {0} of {1}' @ format = [count,total] } I have tried and understand the below code to include the parsys <div data-sly-resource ="${@path='question_list', resourceType='wcm/foundation/components/parsys'}"></div> Also from where i can get the whole list of data-sly-[elements]. Thanks Options in Sightly expressions can have two

I have a component using the Rich Text Edit widget ( xtype="richtext" ) in my project that's used across the entire site as the default text component. The users would like to be able to insert phone links using the tel URI scheme into the text entered using this component. The dialog allows them to do so but when the contents of the Rich Text Edit are rendered in Sightly/HTL later on, the html context is used: {$text @ context='html'} Once this is done, the value of my attribute is ignored. The HTML stored in the repository is: <a href="tel:04242424242">Call us!</a> And what's actually