Collapse/Hide horizontally

Ask the community
,
1

I’ve been looking everywhere for a suggestion/solution on how to collapse/hide items horizontally in a repeater. I can do it vertically without any trouble but I want it to be horizontal for aesthetics.

In the example below, I’m using code to collapse social media icons that don’t have a url in the connected dataset but I get an ugly white space, any solution?

2

Hello

This feature is not available at this time. You vote for this feature here !

However instead of collapsing the item you can delete it from the repeater data using code this way it won’t be a reserved item anymore.
To do that, after you find the element with no link, get repeater’s data array, use splice method to delete that item, then reset the repeater data to the edited array.

Best
Massa

3

How can I get the repeater data array and delete the empty link item? I have this so far

    $w("#repeater8").onItemReady(($item, itemData, index) => { 
         $item("#image20").src = itemData.img; 
    });

const socialMedia= [{
“_id”: “1”,
“img”: “wix:image://v1/cd87b5_b829a339de434c87bbe24992ec0ab55e~mv2.png/download%20(1).png#originWidth=64&originHeight=64”,
“link”: facebook
},
{
“_id”: “2”,
“img”: “wix:image://v1/cd87b5_3fb9933720dd405eb74ba24f56a61be3~mv2.png/download%20(2).png#originWidth=64&originHeight=64”,
“link”: instagram
},
{
“_id”: “3”,
“img”: “wix:image://v1/cd87b5_03f0b40d031c450bbba8aa92cc463c21~mv2.png/download%20(3).png#originWidth=64&originHeight=64”,
“link”: twitter
}
];
$w(“#repeater8”).data = socialMedia;

4

Hi Abe - I am having the same issue. Were you able to find a workaround?