I’m trying to build a report view that has a few different things going on. Here is the editor link: joyful-literacy | Bubble Editor
The report needs to function as such:
There is a list of students that act as the table rows (Each row is a different student)
There are many “Skills” that apply to each student. These would act as the columns in the table (currently implemented by a nested repeating group)
There should ONLY be one row of Skills for each student. The reason is to be able to compare students across skills at a single glance, so the like Skills should be directly on top/below of the same skill for the previous/next student.
My Problem:
I can’t find a way to force the nested repeating group to stay on one row. I need the digital version to look as close to the following image as possible:
Based on my interpretation of the question, I think you should have a separate repeating group for the names and skills and reference them to each other when needed. Sorry if this didn’t help but I didn’t understand the question entirely.
If you look at the row for Tom Carbone, you’ll see that the letters have broken into 2 lines. This is not what I want, I want the row to stay on 1 line only (which means the user would scroll horizontally). Does this make sense?
Basically if you treat our nested RGs as an Excel spreadsheet, we want to freeze the first column.
In other words, what we’re looking for is to be able to scroll the whole table at once. We used the nested groups to create a table, and rather than scrolling each row in the table independently, we want to scroll everything - all rows - all at the same time. So the user can continue to view the students’ names on the left, but be able to compare each student on a single column to the right (for example, letter z) that was, upon page load, off the page.
Bumping this because I feel stupid. The app is public and can be found HERE (for the editor)
I can’t believe I haven’t figured this out yet, but this is a critical part of our application. We’re trying to replicate the “whole class view” a teacher would see from the Circle Chart page I posted above, but we either get into a situation where each row scrolls independently (eliminating the easy-to-glance-at component) or one student row ends up having 2 rows of ratings (also eliminating the glanceability). Any help is most appreciated, and I’d be glad to walk someone through on a screenshare if it helps.
Solved this, but not happy about it. I made the page crazy wide, then made sure to keep the number of columns on each row maxed out to meet my specific needs. Feels hacky, but it works for now. Thanks for all who tried to help!
Would there be a way to have it set up like this (format-wise, ignore the data):
My idea would be to put everything into one fixed-width group so everything is lined up, and then place the repeating group of Skill Names and Skill Values into their own group. Then using an HTML element, enable horizontal scrolling (only for Skill Names and Skill Values). That would keep the list of Student Names fixed to the left, and allow teachers to scroll horizontally through Skill Names and Skill Values only. I don’t know much code and am not sure if this will work but maybe it’s worth a try?
Enabling vertical scrolling using HTML was done in this thread:
