Hover effect on individual items in a repeater

Ask the community
,
2

Hello Werewolf,

i think you are working in wrong direction.

You should work with repeater, not with container-boxes.

  1. Insert a repeater onto your page.
  2. Connect this repeater to your database (by using a dataset).
  3. Setup your repeater.
  4. Setup your database.

When repeater works → first STEP done!

STEP-II (Overlay-Effect)

  1. Generate a transparent container-box in the repeater (ok, know i eventuelly understand your step with the container-box xD)
  2. Put some text into your container-box.
  3. Connect this text with your database (by using the same dataset).
  4. Then you will need a little bit of CODE.

You could even use your code if you optimize it.

export function repeater1_mouseIn(event) {
    $w('#box1').show('fade')
}

export function repeater1_mouseOut(event) {
    $w('#box1').hide('fade')
}

Something like this.

I did not test all this. This was all done on the fly. Just some thoughts.
Try it out !