Create a button that unlocks when changes are made

Ask the community
,
1

How can I create a button that unlocks when a change is made to different fields. See print screen for example. When a change takes place in “2” the button “1” (Opslaan) must change from the color gray to the color blue and only then should it be possible to use the function of this button (Save)

1015×250 23.3 KB

I hope someone could help me with this :slight_smile:

2

There are many ways to do this, you can simply set the color of the button when it is disabled to gray and when it is active to blue. Then disable the second button by default, and add code to the first button so that when the first event occurs the second button will be active

$w ( ‘#button’ ). disable ()
$w ( ‘#button’ ). enable ()

3

I tried, but I still don’t quite get it… This is what I did now

1860×755 63.2 KB

1818×776 61.3 KB

4

Sorry I didn’t explain myself well.

$w . onReady ( function () {
$w ( ‘#input1,#input2’ ). onChange (()=>{
$w ( ‘#button11’ ). enable ()
})
});

Replace the names and IDs of the components.

5

I now succeed for 1 x, after that the button remains blue

In the repeater, when changing 1 repeater, all other repeaters are also changed from “grey” to “blue”

1162×717 14.7 KB

1152×728 30 KB

6

I didn’t realize you were using a repeater, you should refer to each item by itself in this way $item
and specify the repeater’s ID


 $w.onReady(function(){
$w('#repeater1').onItemReady(($item)=>{
$item('#input1,#input2').onChange(()=>{ 
    $item('#button11').enable()
    })
}) 
    });
7

Thanks AV digital, This works geat :slight_smile:

8

Glad to hear.
Av-digital. Israel