topic Hide a table row/cell if it is empty in CMS Development

Hide a table row/cell if it is empty

pixelilly — Tue, 18 May 2021 15:18:09 GMT

Hello devs! I am trying to figure out a way to hide a hubdb table row if it's empty. My client wants to be able to remove the dates from a webinar table. Ideally the span tag will be hidden if the date is cleared (right now if the date is cleared, it defaults to today's date). I've figured out how to do this for another hubl module (eg: if button text is empty, hide button), but since this one is pulling data directly from a table that method doesn't quite work. I have included my table loop below. I think this can be done with an if statement, but I'm pretty new to hubdb table loops, so any help will be much appreciated. Thanks! (edited to show the english version of this table)

{% for item in webinars %} <div class="col-4"> <div class="card"> <div class="card-thumbnail"> <img src="{{ item.image.url }}" alt=""> </div> <div class="card-info"> <span class="date">{{ item.date|datetimeformat('%B %e, %Y') }}</span> <h2>{{ item.name }}</h2> <div class="summary">{{ item.summary }}</div> <a href="{{ item.link }}" title="" class="lnk-default">Agenda</a> </div> </div> </div> {% endfor %} </div>

Re: Hide a table row/cell if it is empty

jonchim — Wed, 19 May 2021 13:12:33 GMT

Hey @pixelilly,

I think If statment is definitely the way. Can you give this a shot and see if this works? 🤞

{% if item.date %} <span class="date">{{ item.date|datetimeformat('%B %e, %Y') }}</span> {% endif %}

Re: Hide a table row/cell if it is empty

pixelilly — Wed, 19 May 2021 13:40:38 GMT

That almost worked! It hid the date even though there was data in the table cell.

Re: Hide a table row/cell if it is empty

jonchim — Wed, 19 May 2021 13:55:10 GMT

Got it! can you try row.date instead of item?

Re: Hide a table row/cell if it is empty

pixelilly — Wed, 19 May 2021 14:14:29 GMT

That also hid it. I feel like it should be if is not empty but the syntax is tripping me up.

Re: Hide a table row/cell if it is empty

jonchim — Wed, 19 May 2021 14:31:11 GMT

Hmm interesting, are you using the date picker in the hubdb table?

Re: Hide a table row/cell if it is empty

pixelilly — Wed, 19 May 2021 14:33:55 GMT

Yep, I've included a screenshot.

Re: Hide a table row/cell if it is empty

jonchim — Wed, 19 May 2021 14:43:09 GMT

Wait maybe I misunderstood the initial post, do you want to hide everything if there is no date selected in HubDB? or just the date wrapped in the span?

Re: Hide a table row/cell if it is empty

webdew — Mon, 24 May 2021 12:56:57 GMT

Hi @pixelilly ,

Create Boolean option and add Somthing like this:

{% if item.hide_dates %}
{{ item.date|datetimeformat('%B %e, %Y') }}
{% endif %}

Client can easliy manange date hide show accordingly.

Hope this helps!
If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards.