Is there a list somewhere which elements are supported to be inside a repeater element? This would be very nice to have. I am trying to insert a hoverbox but it doesn’t seem to work.
I need this list.
But the ‘normal’ button is working… maybe you can use this?
Otherwise the Box-Element works as well. So you could do your own hoover-box by adding two boxes and showing/hiding them in accordance to the mouseIn event. That worked well for me.
It workes with a box but it lags a lot if you compare to a real hoverbox. The hoverbox is responsive and fast, the mouse in and out events on a box in a repeater is slow and lags.
That’s right Andreas… but this is the case for so many wix things 
I know, thats the price we pay to save a lot of time instead of hardcoding html and css
I know, thats the price we pay to save a lot of time instead of hardcoding html and css
Currently I’m not sure whether it’s still worth it…
Oh yes it is. I have been a web developer the hard core way since 1996 and I have stated since Wix got released that it is really not for any kind of developer. It’s a powerpoint tool for web designers, that’s it.
When Wix Code came out I put a lot of time in to really try to find out as much as possible about the tool. Then I went to Tel Aviv and met the teams around Wix Code and also some other vertical teams. I was blown away and I am still blown away.
The stuff Wix, Wix Enginering and all others are working on which is on their roadmap is stuff never seen before.
But you must also remember that Wix is not and will never be a full blown developer tool like if you code from scratch using a blank slate. But the amount of time I save this days on Wix Code is incredible, I have created stuff for clients all over the world not possible before within this budget.
So if you ask me, oh yes, it is worth it. Then I guess there is always projects not solvable inside Wix. I had a ecommerce project that I had to do in OpenCart because not possible in Wix Stores.
But if you see Wix as Powerpoint for Wed Designers and now they have inserted a small version of Visual Studio Code into their Powerpoint it is amazing. Try to see what Wix did to web design the last 7 years and then you try to set ahead where Wix Code will be in 7 years from now… wow!
Is there a workaround to achieve this? @tom, what code did you use to get the .show/hide to work on a box within a repeater? Have tried a lot of different variants but the repeater remains unresponsive, showing only static items linked to my data collection. Basically want a textbox to appear when hovering on my repeater. Could the .show/hide be applied to the repeater itself, meaning that the hidden text sits inside its own repeater, placed on top of the first?
Thanks!
Just add the box, mark it not to show on load. When MouseIn on repeaters item, show it.
Thanks! Wish it were that easy, though… Text box (‘biotext’) is set to hidden on load.
This is the code I’m using, probably not sufficient? Or do I need to add another type of element, like a box or a button or something?
export function biotext_mouseIn(event, $w)
{
//Add your code for this event here:
$w('#biotext').show();
}
export function biotext_mouseOut(event, $w)
{
//Add your code for this event here:
$w('#biotext').hide()
}
It doesn’t work even if I remove the text box from the repeater and attach it directly to the page (nothing happens on hover), so I guess the code is definitely to blame…
Hi Helena, I am actually playing around with it now and I was able to get this code to work for my interactive staff pages on a website I’m building. Unfortunately it is super laggy, but it does work for now. I may come back to it later and try to find a faster way to do it. If you hover over each individual item, this code makes it so that only the box and the picture in that item change by calling to the content of the repeater item you hover over, otherwise, every item will change when you hover over any one of them.
So the way you can break down the code is like this. I have it so that when you hover in each repeater item box (# StaffHoverBox), it only focuses on the context of that box. $picBW is the Black and white staff photo (# StaffBW), which when you hover over, collapses (or you can use hide) to reveal $picColor underneath which is the colorful funny-faced staff photo. When you hover, it also expands (or you can use show) the $biobox (# StaffBioBox) which I have set to be already collapsed on load.
Then I just call the function on hover like I normally would.
Hope this helps!
Shoul you read this!
https://itnext.io/corvid-by-wix-imitating-hover-event-on-repeater-container-a65f4b6e0301
It took me forever to figure it out, but turned out to be super simple.
They blocked hover boxes from being dragged into repeaters, but not boxes that have been converted to hover boxes.
So just grab a normal box, enable the hover function before you drag it into the repeater, then do the latter. I had to drag in a second box, then move it to the back, to get the hover background.