Hide Button on Dynamic Page When Field Is Empty

Ask the community
,
1

Say I have a dynamic page with a button that links to a website but then one of my rows doesn’t have a website so the column is blank. Can I make that button hidden when the field is blank but keep it shown when there is a link in the field?

Thanks!

2

sure,
through some basic javascript code.
just use the button’s hide() method in case the field is empty.

you can look for samples (in the resources section above) that show you how to select an element through code and then hide it.

good luck!

3

I can show and hide stuff pretty well, but I’m not sure what the code is to know if the field is empty or not?
Can you point out that example?

4

Search for the word NULL here in the forum and/or the Wix API docs … that should lead you down the right path …

5

Hello,

I have been trying to do this same thing. I have been trying for weeks to get it to work, searching up and down the internet. I FINALLY GOT IT TO WORK!! Some Background: What I am doing is I have a job application form on our website that is write only, so someone can fill it out and apply. They can also upload their resume. THEN, I duplicated the entire form on a separate page and made it read only, so our HR department could read through applications on our site, instead of through the backend spreadsheet view.

what I was trying to do is make the “View Uploaded Resume” button disappear if they didn’t upload a resume. I have tested this code 6 ways to sunday on almost every browser and it works every time!

My dynamic dataset for this example is called “dynamicDataset”

$w.onReady(function () {

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

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

});

:grin:

1 Like
6

Legend. Actually works!!! Tons of other misinformation and nonworking code out there, but this is the one. Thanks!! Lifesaver. This is a huge bug with Wix’s dynamic pages and something they really ought to fix, but in the meantime, great info! TY!

7

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:

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(); }
});

8

You can string both code elements together to hide buttons and images!