Greetings all,
I’m trying to solve a repeater puzzle, anyone keen to help?
I have built a table component using a repeater widget.
At the end of each rown in the repeater I have a ‘view more options’ hamburger icon like this:
On click of the icon I want a droplist to appear like this:
When I have multiple rows in the repeater I want the droplist widget to appear at the touch point where it was clicked, so if I click the hamburger on row 4 it should appear at row 4 and if row 2 it appears at row to like this:
Here is what I’ve tried so far that didn’t work:
I put the droplist in a dynamic panel and inserted the DM into the repeater, onclick of the icon I bring the DM to the front and set panel state from null to state1 with the droplist and this happens, the DM widget pushes the rows below it downwards instead of sitting on top of it like this:
So I took the DM out of the repeater and tried to ‘move’ the repeater to the place where the icon is positioned (x,y) by setting a local variable for x and y respectively with the hamburger icon in the repeater as the target. This didn’t work either (icon appears at top left of the page) I suspect because the hamburger icon is repeated multiple times and it doesn’t know which one to move to.
I’m trying to find a way to ‘mark’ the row on click and send the widget to the coordinates of the marked row but haven’t worked it out yet.
Any ideas on how to achieve what I’ve described above?
Thanks!