The new Obsidian Group Attendance Detail block offers a great way to save attendance in real-time without requiring a page reload. However, the user experience can be unclear, as there is no confirmation that attendance has been saved, leading small group leaders to email for support. Many organizations have implemented a workaround by adding a fake "Save" button that reloads the page without any real action. This recipe provides a more modern approach to confirm saved attendance.

1. Navigate to a page that uses the Group Attendance Detail block.
2. In the advanced settings of the block, go to the "Pre-HTML" tab to edit the content.
3. Copy the contents of the attached file and paste it into the "Pre-HTML" section.
4. Save your changes.
5. To test, view the page with actual group data/members. As you select names, you should see a confirmation message after a brief delay.

Why the delay? 

Instead of showing a confirmation for every individual save, the system waits a few seconds to ensure the user has completed their selections.

Error Handling

If there is an issue saving attendance, an error message will appear instead.

Customization

You can modify the "Pre-HTML" to change the confirmation message text or the pop-up style. This notification is called a "toast message." 

Technical Details

This approach relies on intercepting the network requests for successful (or unsuccessful) posts to the MarkAttendance endpoint.  

Support

This recipe has been marked as beginner because it should be plug-and-play.  Email zack.dutra@baysideonline.com if you're noticing any issues.