I need to create a seating chart in Alpha - possibly using Drag and Drop, but all suggestions welcome.
On the left of the screen I will have a list of around 50-55 people. On the right of the screen I will have a similar number of boxes numbered 1 through 56.
I want to put all of the people on the left into all of the boxes on the right - one by one.
For visualization, imagine a bus with 56 seats. I am assigning a list of people to each seat in the bus. Visually, it does not need to look exactly like a bus, but it would be nice to have 4 columns of 14 seats each.
Ideally, I would drag a person from the list on the left into a "seat" on the right. They would then appear over there. I could then drag that person to another seat, swap two people, move them out of a seat and back to the unassigned list. You get the idea.
The problem is, the only drag and droppable control is a list. (So far as I know.) I don't know that I want 57 lists on the screen. That seems a bit excessive. Not only that but 56 of the lists would only ever have a single value.
It would be cool if I could do it with 2 lists, and the list on the right knew what seat I was assigning by WHERE on the list I dropped someone, but I don't know how to do that either!
I don't really have the JavaScript chops to do this myself.
Suggestions? Anyone have something similar that I can borrow or even buy?
Note: At this moment, I am not using the latest version of Alpha, but will be moving to it at the end of the month.
On the left of the screen I will have a list of around 50-55 people. On the right of the screen I will have a similar number of boxes numbered 1 through 56.
I want to put all of the people on the left into all of the boxes on the right - one by one.
For visualization, imagine a bus with 56 seats. I am assigning a list of people to each seat in the bus. Visually, it does not need to look exactly like a bus, but it would be nice to have 4 columns of 14 seats each.
Ideally, I would drag a person from the list on the left into a "seat" on the right. They would then appear over there. I could then drag that person to another seat, swap two people, move them out of a seat and back to the unassigned list. You get the idea.
The problem is, the only drag and droppable control is a list. (So far as I know.) I don't know that I want 57 lists on the screen. That seems a bit excessive. Not only that but 56 of the lists would only ever have a single value.
It would be cool if I could do it with 2 lists, and the list on the right knew what seat I was assigning by WHERE on the list I dropped someone, but I don't know how to do that either!
I don't really have the JavaScript chops to do this myself.
Suggestions? Anyone have something similar that I can borrow or even buy?
Note: At this moment, I am not using the latest version of Alpha, but will be moving to it at the end of the month.
Comment