Text box Shows Based on Condition?

Ask the community
,
1

We have a repeater displaying container contents.

The fields are text containing a list of actions. For example: put clothes in washer, add detergent, add softener, choose, cycles, press start. So the fields are number Action1, Action2, etc. We have the next row with a set of action for drying clothes with a different number of actions.

We realize that a read only form will only display the actions for each row leaving the empty fields blank. But we want the form to populate the text boxes next to numbers 1, 2, 3, etc. that are not connected text boxes.

Is there a way to set a condition so that the text box numbers only appear if the adjoining connected text box is not empty?

2

Anyone? Please.

3

Hi amazing,

i don’t know if this will work but you can give it a try.
make a function, call it loadRepeater:

//Load repeater function.
function loadRepeater(){
//Loop trough the items
    $w("#repeater1").forEachItem(async ($item, itemdata, index) => {
    const yourItem = $item("#yourItem")
    yourItem.onChange((event)=>{
    if (event.target.value === "" || event.target.value === undefined){
    event.target.hide()
    }
    })
    
    })

})

Then when you load in the data, trigger the function loadRepeater()

Kind regards,
Kristof.

4

Thanks, Kristof. We will give it a try!