Manually generating a Photo Grid in-browser with New Murphy

New Murphy (Self Service Banner 9) does not have a photo-grid display of class rosters. Although there is no easy way to edit the webpage code inside Banner, web browsers (Chrome, Edge, Firefox, Safari, etc.) offer a "console" where you can run your own code as if it were part of the webpage. This is an advanced user feature prone to typographical errors, but can be used to create a photo-grid view inside a Banner class roster.

1. Download the SSB9 Photo Roster Javascript text file from this KB article (linked at the bottom-right of this page)
2. Open the file, highlight the entire contents with CTRL-A, and copy to the clipboard with CTRL-C (Command-A and Command-C on Macs)
3. Use New Murphy to navigate to your Class List.  A typical path is:
   1. Visit https://murphy.stthomas.edu
   2. Click Classes & Grades in the horizontal navigation
   3. In the Faculty Services card, click Class List
   4. In the class list view, click the course and section in the far left Subject column (not the Course Title column)
4. When the class list appears, ensure that you're viewing all students by increasing the "per page" count in the lower-right if necessary
5. Press F12 on your keyboard (likely above the Backspace key) to open your browser's "Console"
   1. Different browsers might require an additional step, like clicking on a Console icon
6. Use CTRL-V (Command-A on Macs) to paste the script you copied in Step 2 above and press [ENTER] to run it
   1. Note that some browsers will prompt you with an additional security feature, such as typing the words "allow pasting"
7. Close the console window, typically by clicking an "X" in the upper-right corner.

Your class list will have changed to a grid view.

At the upper-left side of the grid, you should see a button to "Toggle Grid/Table".  If you click that button, you'll switch between two options: "Show Table" at the top of the grid, and "Show Grid" at the bottom of the table view.

Note that changes you make to the table sort after you enable the grid view will not alter the order of photos in the grid. If you want your photo grid sorted a particular way, sort by that column before following the code-pasting process above.

If you want to print a photo grid, you need to take some extra steps to generate the table inside Banner's print view:

1. As above, open the script text file and copy the entire script to your clipboard
2. In Banner's Class List view, click the "Print" text in the upper-right (next to the "Export" text)
3. A new browser window will appear, along with your system's Print dialog.
4. Cancel the Print dialog, leaving you with the "Class List - Summary" window from Banner
5. Follow the above process to open the console, paste the script, run it and close the console
6. Press CTRL-P (Command-P on Macs) to re-open the Print dialog box, and print as desired.