How do I disable a button on a container depending on text that is linked to a data set.

Ask the community
,
1

Hi guys!

I’m a Multimedia Artist that has very limited Velo coding knowledge so please bare with me.

I have a dynamic page where I have job positions posted. there will be a text there on a container indicating if a job position is open or closed. on the container is also a button that will direct you to that said job position.

I want it so that when a job position is closed. the button will detect it and will disable itself from being clicked.

here is a sample of my page.

1892×700 44.9 KB

I have an entry on my data set to say if a job position is open or closed.

is that possible? I tried looking online but couldn’t find any similar questions.

Thanks!

2

Did you use a repeater?
Or are those containers = 6 single containers?

Since you are on a dynamic page…

$w.onReady(()=>{

    $w('#dynamicDataset').onReady(()=>{

        if($w('#myTextBoxIDHere').value==="Position Closed") {

            $w('#myButtonIDhere').disable();}

        else {$w('#myButtonIDhere').enable();}

    });

});

Something like that.

3

Thanks for replying Code Ninja!

Yes. I’m using a repeater. unfortunately, I tried the code and replaced the needed IDs but it still doesn’t disable the button.

upon looking up I saw the “value” has a red underline. I tried looking online first before replying here but I can’t figure it out.

1920×895 151 KB

here’s the Collection if that helps. it’s the data named “Vacancy”

Thank you

4

Looks like you are generating a JOB-SITE, where people are looking and searching for jobs (Jobs-Market) ???

Currently i am working on a similar one, if so :grin:

Since we now know that you are using a → REPEATER <— my suggested version will not work for you.

Instead you will have to generte something like… (EXAMPLE)

$w.onReady(()=>{
  $w('#dynamicDataset').onReady(()=>{
    $w('#repeater1').onItemReady(($i,iData,index)=>{
      if($i('#vacancy').label==="Position Closed"){
        $i('#button1').disable();
      }
      else {
        $w('#button1').enable();
      }
    });
  });
});

By reading the introduction of the REPEATER-ELEMENT you will find other solutions.