Background:
I have a collection of approval information displayed in a horizontal gallery. This is the schema of the collection:
[
{
ApprovalCompletedDate: DateTime,
ApprovalIndex: Number,
ApprovalStatus: Text,
ApproverComment: Text,
ApproverName: Text,
ApproverPhoto: Image,
ApproverTitle: Text
}
]
Data in the collection might look something like this:
The gallery structure looks like this:
I then display it in a horizontal gallery like so:
This works well for one group of approval information.
Requirements:
Sometimes there are multiple groups of approval information. This can happen when an approver rejects an approval request and the item gets re-submitted for approval. This will create new approval entries. Each approval group can be identified by their Group ID. There can be be 1 or many approval groups. In the current design I only display entries in the most recent Group ID, for example using the data from the screenshot the user would see information form entries 24766, 24767, and 24768 only.
Problem
I've modified the schema of the collection to also include `Group ID`. The question is how to display the different groups in the horizontal gallery.
I could display all records in the one row and use a different background colours / headings for each group id. I think that is too messy and would cause confusion.
I would prefer to have each approval group on separate rows. I can get the WrapCount by counting the number of distinct Group ID. However, I need to be able to specify that all records with the same Group ID go on the same row. There could be different numbers of items per Group ID.
Below screenshot is what the end result should look like. A WrapCount of 3. Row 1 has 3 items, row 2 has 2 items and row 3 has 3 items.
Anyone have any ideas how to approach this?
I wish I had other suggestions for you, but the wrap count is for the overall container and doesn't allow for what you are trying to do.
Hi @JR-BejeweledOne - thanks for your input.
I see two problems with using individual galleries:
1. I don't know how many group ids there are. Could be one, could be five. I would need to cater for say a maximum of five and then only display the ones that are needed.
2. Performance + Design. The structure of each gallery would be identical. I would be copying and pasting the same gallery components. This makes it error prone to maintain and update and adversely affects performance.
I am not sure it can be done as the wrap count is for the overall container. Have you considered using individual galleries for each groupID?