top of page
topanchor

dynamic lightbox

There are many times when a client wants to display data in a repeater element to customize search results, customize data in a list format or many other reasons.  Being able to click on a repeater item to display dynamic information in a lightbox comes in really handy .

view code

" The code used in this tutorial was created in 2019 when my family wanted their own online grid to play on Game Day."

superb owl 2021

This page takes a little while to load.  Give it a little time to pull all 100 records to begin testing. Type in the scores for both teams and click the button to reveal the 'current winner.  Ideally, all the squares would be filled in before the game begins.

Team A

Someone Else Here

9

7

3

1

4

0

8

2

6

5

7

2

9

1

4

8

3

6

0

5

A

A

A

A

A

A

A

A

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

A

A

A

A

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

C

S

C

S

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A

A

Pick Me

A

A

A