How to add an attribute without value to a tag? (eg: disabled attribute) | Community
Skip to main content
New Participant
Oct 13, 2020 12:47 PM UTC
Solved

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

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.
BrianKasingli
BrianKasingliAccepted solution
New Participant
Oct 16, 2020 8:07 PM UTC

@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
BrianKasingliAccepted solution
New Participant
Oct 16, 2020 8:07 PM UTC

@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. 

Translate