Hide empty list item field

Feature Requests
1

Hi,
when creating a list details page it may happen that for some records some items is empty because that parameter is not populated for that record.
Is there any ways to hide a list item field content in case it is empty?
Otherwise the user will see lots of empty fields and this is not so nice.
Thanks
Luigi

1 Like
2

Hi @Programmer89 perhaps this will help Getting rid of the hyphen "-" for blank display field - #3 by Maria

3

Thank you so much! It works perfectly

1 Like
4

Hi @Maria, as I mentioned your suggestion works perfectly, but when an item is hidden the space on the UI is not fulfilled by the following item, but the space remains empty and from a visual perspective side is not very nice.
Do you have a good workaround also for this?
Thanks a lot
Gigi

5

Hi,

please does anyone have some inputs for this problem? As you can see in the attached image, hiding empty fields will keep their space empty (circles in red in the image) with a very bad user experience.

Thanks

Gigi

Screenshot 2024-01-09 alle 08.23.19
Screenshot 2024-01-09 alle 08.23.191154×295 26 KB

6

Hello @Programmer89, could you please replace the previous code with the following one and replace the BLOCKID with your actual block name



<script>
window.addEventListener('block-loaded-BLOCKID', () => {
    window.addEventListener('get-record-BLOCKID', () => {
        [...document.querySelectorAll('#BLOCKID .label-wrapper')].forEach((item) => {
            setTimeout(()=> {
                if(item.hasAttribute('data-field-empty-wr')){
                    item.parentElement.remove();
                }
            }, 100)
        })
    });        
});
</script>
7

Is it planned to include this in the lists update? :slight_smile:

There is so much room for error when I include all this code everywhere.