Repeater Conditional Image Hide

Ask the community
,
5

@heple005
Ok, back to you.
If i am honest, i did not really understand your problem.
Perhaps you should show a pic of what you are trying to do ?

And this time please use CODE-TAGs! Like…
Here in this CODE-TAG you put in your CODE…

here my CODE!
Thanks.

export function repeater1_itemReady($w, itemData, index) { 
   console.log(itemData.youtube)     
   console.log(itemData.pintrest)        
   console.log(itemData.instagram)     
   console.log(itemData.fb)     
   console.log(itemData.twitter)     
   console.log(itemData.linkedIn) 
   
   if(itemData.youtube === undefined) {
      $w("#image3").hide();         
      console.log('youtube hidden --******--')} 
  else{$w("#image3").show();
      console.log('youtube Shown --******--')
   *** I do this same if/else for the rest of the Social Media links ***
 }

Try to code without userinterface, i think it is in most cases the better way of coding. Then you won’t need the connection to your user-interface.

$w.onReady(function () {


})

$w.onReady(function () {
    $w("#repeater1").onItemReady( ($item, itemData, index) => {
    
        //your code here......
    
    })
})

$w.onReady(function () {
    $w("#repeater1").onItemReady( ($item, itemData, index) => {
    
       console.log(itemData.youtube)     
       console.log(itemData.pintrest)        
       console.log(itemData.instagram)     
       console.log(itemData.fb)     
       console.log(itemData.twitter)     
       console.log(itemData.linkedIn) 
   
       if(itemData.youtube === undefined) {
          $w("#image3").hide();         
          console.log('youtube hidden --******--')} 
      else{$w("#image3").show();
          console.log('youtube Shown --******--')}
    
    })
})

And now, what was the problem ? What do still not work?