Issue with component and sling model

Question

I am working on a component that uses a Sling Model and HTL, but the CTA link is not rendering on the page. Below is the code

Sling Model

@Model(adaptables = Resource.class, defaultInjectionStrategy = DefaultInjectionStrategy.OPTIONAL)
public class BannerModel {

    @ValueMapValue
    private String title;

    @ValueMapValue
    private String ctaText;

    @ValueMapValue
    private String ctaLink;

    public String getTitle() {
        return title;
    }

    public String getCtaText() {
        return ctaText;
    }

    public String getCtaLink() {
        return ctaLink;
    }
}

banner.html

<div data-sly-use.model="com.techinnovia.core.models.BannerModel">
    <h1>${model.title}</h1>
    <a href="${model.ctaLink}">${model.ctaText}</a>
</div>

The component renders title and ctaText fine, but ctaLink always shows as null. No errors in logs.
What could be wrong here?

${model.title}

${model.ctaText}

The component renders title and ctaText fine, but ctaLink always shows as null. No errors in logs.What could be wrong here?

SantoshSai · Accepted Answer

Hi @luca_moreau,There might be few things you could double check:Check if your HTL is expecting the model to adapt from a SlingHttpServletRequest, and may be your model uses Resource, in this case it won't adapt correctly.Check if dialog field is saving properly - make sure the dialog field uses name="./ctaLink"If name mismatch in between JCR and Java - in this case it won't be injected automatically.eg. If it’s saved as cta_link, but your model field is ctaLink@ValueMapValue(name = "cta_link")private String ctaLink;hope this helps!

Sign up

Login with SSO

Login to the community

Login with SSO