How to keep attribute for empty string value in sightly | Community
Skip to main content
S
sushant84
September 6, 2019
Solved

How to keep attribute for empty string value in sightly

  • September 6, 2019
  • 1 reply
  • 4509 views

In sightly if i am getting empty string value then i am not getting that attribute in html page. I am using AEM 6.4

e.g  <sly data-sly-test.iconVal=" ">

<a data-icon="${iconVal}" />

here i am not getting data-icon attribute in html page because iconVal value is empty string.

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 user05162

Note that an attribute (either literal or set via data-sly-attribute) whose value evaluates to the empty string will be removed in the final markup. The one exception to this rule is that a literal attribute set to a literal empty string will be preserved. For example,

For example,

<div class="${''}" data-sly-attribute.id="${''}"></div>

produces,

<div></div>

but,

<div class="" data-sly-attribute.id=""></div>

produces,

<div class=""></div>

So, try to set a literal value to the attribute if its null.

1 reply

U
Adobe Employee
user05162Adobe EmployeeAccepted solution
Adobe Employee
September 6, 2019

Note that an attribute (either literal or set via data-sly-attribute) whose value evaluates to the empty string will be removed in the final markup. The one exception to this rule is that a literal attribute set to a literal empty string will be preserved. For example,

For example,

<div class="${''}" data-sly-attribute.id="${''}"></div>

produces,

<div></div>

but,

<div class="" data-sly-attribute.id=""></div>

produces,

<div class=""></div>

So, try to set a literal value to the attribute if its null.

RashidJorvee
RashidJorvee
Level 4
January 7, 2022

Hi @user05162 

<div class="" data-sly-attribute.id=""></div> is not producing <div class=""></div>, but <div class></div>.

 

Any idea how we could set empty attribute value e.g. <img alt="" scr="/content/dam" />

 

I am trying <img  src="${jorvee.image}" alt="${jorvee.imageAlt || ''}"/> but final HTML is getting generated like this <img  src="/contant/dam/abc.jpg" /> when imageAlt is empty.

 

Thank you

    Terms & ConditionsAccessibility statement

    Loading footer...