Quran Tab
The Quran tab is the first tab in a student’s Canvas detail view. It shows the complete list of Quranic surahs and lets you control which ones the student can read or recite, plus jump straight into Read, Recite, or Judge mode for any surah.
Opening the Quran Tab
Section titled “Opening the Quran Tab”- From the Students List, click a student.
- The detail view opens on the Quran tab by default.
Mode Buttons
Section titled “Mode Buttons”At the top of the Quran tab you’ll see three mode buttons that change what action runs when you click a surah:
| Mode | What it does |
|---|---|
| Read mode | Open the surah in the read template for grading |
| Recite mode | Open the surah in recite mode for pronunciation assessment |
| Judge mode | Open the surah in judge mode for live evaluation |
The selected mode determines which action runs when you click a surah row, and which access toggle column is shown.
Search
Section titled “Search”Search the surah list by:
- Surah number (e.g.
1,36,114) - Transliterated name (e.g. “Al-Fatiha”, “Ya-Sin”)
- Translation meaning (e.g. “The Opening”)
- Revelation type (“Meccan”, “Medinan”)
List vs Grid View
Section titled “List vs Grid View”Toggle between layouts:
| View | Description |
|---|---|
| List | Detailed table with sortable columns |
| Grid | Card-based view showing surah number and name |
List View Columns
Section titled “List View Columns”| Column | Description |
|---|---|
| Number | The surah number (1–114) |
| Name | Transliterated surah name — click to open in the selected mode |
| Revelation | Revelation order |
| Meaning | Translated meaning of the surah name |
| Place | Meccan or Medinan |
| Juz | The juz the surah starts in |
| Verses | Total verse count |
| Surah | Surah identifier (e.g. surah001) |
| Read Access / Recite Access | Toggle to grant or restrict the student’s access — column label depends on the active mode |
All columns are sortable — click a column header to sort ascending or descending.
Per-Surah Access Control
Section titled “Per-Surah Access Control”The Read Access and Recite Access toggles let you control which surahs a specific student can access. Toggle the switch to grant or revoke access:
| Mode | Toggle column |
|---|---|
| Read mode | Shows Read Access toggles — controls whether the student can open the surah for reading |
| Recite mode | Shows Recite Access toggles — controls whether the student can record a recitation for the surah |
| Judge mode | No access toggle shown — judge mode is teacher-only |
When you toggle access:
- The switch updates immediately with a loading state.
- A toast notification confirms the change (e.g. “Read access granted for Surah 2”).
- The student’s permission updates in the backend instantly — no save button needed.
Launching a Surah
Section titled “Launching a Surah”Click a surah’s name (or its grid card) to jump straight into the selected mode for that student:
| Mode | Opens |
|---|---|
| Read mode | The reading template editor for that student and surah |
| Recite mode | The recite assessment view |
| Judge mode | The judge evaluation view |
These views let you grade, assess, or evaluate the student directly on the surah you selected.