Take a look OOTB list component which have all things you need.it should be under /libs/wcm/foundation/components/list

Look like it only happens in the editable template. Drag the same component into a page, works fine.Just past below lines into an existing component<header>    <div style="background-color:#df8600;"></div>    <div>        <div>            <div>                <div>                    <h1>           ...

seems, the image you posted here still use the one without coral. /libs/granite/ui/components/foundation/formvs./libs/granite/ui/components/coral/foundation/formThey are very similar except one with coral before the foundation.The we.retail example and adobe AEM 6.3 core components under /apps are u...

This example still uses the WCMUsePojo API, not sling models.I just look at the we.retail and core, seems they all use the coral one.Can you please confirm?Thanks.

Looking at the AEM 6.3, creating a touch ui dialog, you can use either anything under the /libs/granite/ui/components/foundation/formor/libs/granite/ui/components/coral/foundation/formJust wonder which one we should use.Also in the /libs/granite/ui/components/foundation/form, it has the radio group ...

Thanks, working now.I think the <import-package> lines, somehow messed up with the result. I removed the lines, now it works fine. By the way, can you explain when to use @Model(adaptables=Resource.class)   vs. @Model(adaptables = SlingHttpServletRequest.class, adapters = Article.class, resourceType...

I have custom dialog with image and other fields. Is there an example to get smart image by calling /apps/core/wcm/components/image by passing into fileReference?Thanks.

I follow the core components as example. However even the first example, I have to add below codes in the pom.xml to make it work<Import-Package>                            javax.inject;version=1,                            javax.annotation;version=0.0.0.1_008_JavaSE,                            <!--...

let's say I have a component footer. Inside the footer.html, I have a line as below to have an open parsys to allow author to drag other component into it.<div data-sly-resource="${'par' @ resourceType='wcm/foundation/components/parsys'}"></div>Once I drag the footer into the page, the footer have n...

I try to write a class called Article.java.if I do this@Model(adaptables=Resource.class)public class Article {@Inject @Default(values="")    private String title;}it works fine by retrieving from the article.html using <a data-sly-use.article="mycomponents.Article">However, try to following the acs-...