Manually Generating a Photo Grid with New Murphy

Issue or Question

New Murphy, also called Self-Service Banner 9, does not include a photo-grid view for class rosters. Faculty can temporarily create a photo grid by running the SSB9 Photo Roster JavaScript attachment in the web browser console.

Environment

This information applies to:

• New Murphy (Self-Service Banner 9)
• Faculty class lists and class rosters
• Google Chrome, Microsoft Edge, Mozilla Firefox, or Safari
• Windows and macOS computers

Resolution

Before You Begin

Create a Photo-Grid Class Roster

1. Download the SSB9 Photo Roster JavaScript text-file attachment from this article.
2. Open the downloaded text file.
3. Select the entire script:
   • Windows: Press Ctrl + A.
   • macOS: Press Command + A.
4. Copy the selected script:
   • Windows: Press Ctrl + C.
   • macOS: Press Command + C.
5. Navigate to New Murphy.
6. Select Classes & Grades from the horizontal navigation.
7. In the Faculty Services card, select Class List.
8. In the Subject column on the far left, select the course and section. Do not select the Course Title column.
9. When the class list opens, use the per page setting in the lower-right corner to display all students.
10. If you want the photo grid arranged in a specific order, sort the class-list table by the appropriate column before continuing.
11. Open the browser console:
    • Windows: Press F12, and then select the Console tab or console icon if it does not open automatically.
    • macOS: Press Command + Option + J.
12. Paste the script into the console:
    • Windows: Press Ctrl + V.
    • macOS: Press Command + V.
13. If the browser prevents pasting, follow the displayed security prompt. For example, the browser may require you to type allow pasting before continuing.
14. Press Enter to run the script.
15. Close the browser console.

Expected result: The class list changes to a photo-grid view.

Switch Between Grid and Table Views

Use the control provided by the script to switch between roster views:

• In grid view, select Show Table near the top of the roster.
• In table view, select Show Grid near the bottom of the roster.

Print a Photo-Grid Class Roster

1. Open the SSB9 Photo Roster JavaScript text-file attachment.
2. Select and copy the entire script.
3. In the Banner class-list view, select Print in the upper-right corner next to Export.
4. When the system print dialog opens, click Cancel.
5. Leave the Banner Class List - Summary window open.
6. Open the browser console:
   • Windows: Press F12, and then select the Console tab or console icon if needed.
   • macOS: Press Command + Option + J.
7. Paste the copied script into the console.
8. Press Enter to run the script.
9. Close the browser console.
10. Open the system print dialog:
    • Windows: Press Ctrl + P.
    • macOS: Press Command + P.
11. Complete the print settings and print the photo grid.

Troubleshooting

• The photo grid does not include every student: Return to the class-list table, increase the per page setting so all students appear, and run the script again.
• The browser does not accept the pasted script: Read and follow the browser's security prompt. Some browsers require you to type allow pasting before pasting into the console.
• The console does not appear: Look for a Console tab or console icon in the browser developer tools.
• The photos are in the wrong order: Return to the standard class-list table, sort the desired column, and run the script again.
• The printed roster does not show the grid: Confirm that you canceled the first print dialog and ran the script in the separate Class List - Summary window before reopening the print dialog.
• An error appears in the console: Copy the script again directly from the unmodified attachment and repeat the procedure.