Hide Button on Dynamic Page When Field Is Empty

[Kenneth_Herskind]

@derek38500

$w.onReady(function () {

    $w("#dynamicDataset").onReady(() => {
        
        $w("#dynamicDataset").getCurrentItem();

        if ($w('#button').link == '') {
            $w('#button').hide();
        }
                
    });

});

BTW, noticed that this code only works for the buttons. If you have other elements, image for example, I found this code works better for images:

How to hide a section on a dynamic item page when a specific CMS field is blank

I use the below example all the time. Note the exclamation mark before currentItem, this means ‘if empty’. Replace: #yourDatasetID with the ID of your dynamic page dataset databaseFeildID with the field ID in the CMS you want to check #itemToHideID with ID of the page item you wish to hide const currentItem = $w('#yourDatasetID').getCurrentItem(); $w.onReady(function () { if (!currentItem.databaseFeildID) { $w("#itemToHideID").collapse(); } });

Replace:
#yourDatasetID with the ID of your dynamic page dataset
databaseFeildID with the field ID in the CMS you want to check
#itemToHideID with ID of the page item you wish to hide

const currentItem = $w(‘#yourDatasetID’).getCurrentItem();

$w.onReady(function () {
if (!currentItem.databaseFeildID) { $w(“#itemToHideID”).collapse(); }
});