[Resolved] Hide field when empty using conditional HTML

[Author]

Posts

[JamesS2731]

Tell us what you are trying to do? Hide a 'Date to' field when empty

Is there any documentation that you are following? Yes - https://toolset.com/documentation/user-guides/conditional-html-output-in-views/ and https://toolset.com/documentation/user-guides/conditional-html-output-in-views/checking-fields-and-other-elements-for-emptynon-empty-values/

Is there a similar example that we can see? As above

What is the link to your site? sobell.adstest.co.uk

I've managed to get a field to only show if NOT empty using the following:

[wpv-conditional if="( NOT(empty($(wpcf-display-date-to))) )"]{!{types field='display-date-to' style='text' format='D d M, Y'}!}{!{/types}!}[/wpv-conditional]

The trouble is that it's not outputting the field data, just the code as is written (i.e. {!{types field='display-date-to.... etc.) in the front end.

I'm using the code in WPBakery in a raw HTML box.

I've removed the conditional code now whilst I'm rectifying the issue but you can see the field as an example on this page - hidden link

You'll see that the To: field label is showing even though the field is empty.

I'm sure this is something simple that I'v missed and I look forward to your thoughts.

Kind regards
James

[Luo Yang]

Hello,

There is a extra ")"in your shortcodes, please try to modify it from:

[wpv-conditional if="( NOT(empty($(wpcf-display-date-to))) )"]{!{types field='display-date-to' style='text' format='D d M, Y'}!}{!{/types}!}[/wpv-conditional]

To:

[wpv-conditional if="( NOT(empty($(wpcf-display-date-to))) "]{!{types field='display-date-to' style='text' format='D d M, Y'}!}{!{/types}!}[/wpv-conditional]

And you can manually debug the wpv-conditional shortcode by adding attribute debug="true", see our document:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/#debugging-conditional-output-in-views

[JamesS2731]

Hi Luo,

I tried removing that but it didn't fix the issue. I finally found that the issue was the Raw HTML block wasn't displaying correctly. When I changed to a WP Custom HTML block, it worked as intended!

Many thanks for your help.

Kind regards
James

[Luo Yang]

Thanks for sharing the solution, it will help other users.