input field validation

SOLVE
Occasional Contributor

Hello All.

I am not really familiar with HubL, I would like to validate input field for presence of text in the banner headder, if there is a text apply styling (transparent background) , if there is no render just a banner. Something like that in JaveScript:

 
  const banner = document.getElementById("banner-text");

banner.children[0].textContent.length === 0 ?
banner.style.background = "none"  : false;
 
The ide is: thre is a e-mail template and user is able to apply Default text, so I wish to have the sytle depend on presence of thxt or lack of it.
I would appreciat help.
 
Best regards.
Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Top Contributor | Platinum Partner

You'd probably want to use something like this:

{% if widget_data.product_names.value %}
<div class="coupon-ad">
<h3>For a limited time, get 50% off {{ widget_data.product_names.value}}! </h3>
</div>
{% else %} {% endif %}

Further information is available here: https://designers.hubspot.com/docs/hubl/if-statements

2 Replies 2
Top Contributor | Platinum Partner

You'd probably want to use something like this:

{% if widget_data.product_names.value %}
<div class="coupon-ad">
<h3>For a limited time, get 50% off {{ widget_data.product_names.value}}! </h3>
</div>
{% else %} {% endif %}

Further information is available here: https://designers.hubspot.com/docs/hubl/if-statements

Highlighted
Occasional Contributor

Hello @bschneidewind 

Thak you I guess this will do!

Cheers.

Reply
0 Upvotes