Hide Button If No Content In Database (Repeater)

Ask the community
,
7

@thequeensmarketshop I gave you just a simple example which should help you to understand how you can/could solve your issue.

You can generate severat buttons with following ID (ID = name of a column in your DB), for example…

$item("#email")
$item("#socialMedia")
$item("#description")

…and so on…
Now you have identical ID for BUTTON sand DATAFIELDs.

Now ATTENTION, here comes the trick…

let columnID =$w("#myElement").id;// "myElement"

In your case…

let columnID1 = $item("#email").id;
let columnID2 = $item("#socialMedia").id;
let columnID3 = $item("#description").id;

var datafield ="title"  

$w.onReady(function(){
	let columnID1 = $item("#email").id;
	let columnID2 = $item("#socialMedia").id;
	let columnID3 = $item("#description").id;
	
	$w("#repeater1").onItemReady(($item, itemData, index)=>{
		const repeatedData1 = itemData[columnID1]
		const repeatedData2 = itemData[columnID2]
		const repeatedData3 = itemData[columnID3]
		
		if(repeatedData1){$item("#email").show()}
		else{$item("#email").hide()}
		
		if(repeatedData2){$item("#socialMedia").show()}
		else{$item("#socialMedia").hide()}
		
		if(repeatedData3){$item("#description").show()}
		else{$item("#description").hide()}
	});
});

This should do the trick and solve your issue.

Good luck and happy coding.:wink: