How to add an attribute without value to a tag? (eg: disabled attribute) | Community
Skip to main content
October 13, 2020
Solved

How to add an attribute without value to a tag? (eg: disabled attribute)

  • October 13, 2020
  • 1 reply
  • 987 views

Hi All,

I want to add the 'disabled' attribute to textarea tag by checking whether the read-only field functionality is enabled or not. If the user wants the textarea to appear as disabled, I have to add the disabled attribute to the textarea tag.

Is it possible to add this attribute without a value? Currently, I use the code:

 

 

<textarea disabled="${properties.disabled}"></textarea>

 

 

But when I use this code, I get my resulting tag look like this in html:

 

 

<textarea disabled="true"></textarea>

 

 

I want the disabled attribute without a value like the below code after checking whether the user had enabled "${properties.disabled}" or not.

 

 

<textarea disabled></textarea>

 

 

Kindly help me figure a way to add the attribute by checking for the condition without adding a value along with the attribute.

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 BrianKasingli

@fathima you can achieve this with HTL, Sightly: data-sly-attribute.disabled

<div data-sly-attribute.disabled="${properties.disabled}"></div> // if true <div disabled></div> // if false <div></div>

 

 

I hope this helps,
Brian. 

1 reply

BrianKasingli
Community Advisor and Adobe Champion
BrianKasingliCommunity Advisor and Adobe ChampionAccepted solution
Community Advisor and Adobe Champion
October 16, 2020

@fathima you can achieve this with HTL, Sightly: data-sly-attribute.disabled

<div data-sly-attribute.disabled="${properties.disabled}"></div> // if true <div disabled></div> // if false <div></div>

 

 

I hope this helps,
Brian.