# Semester Widget Documentation

<span>The </span>**Semester Widget**<span> acts as a visual academic roadmap for learners. It dynamically groups and organizes enrolled courses by their respective semesters or academic terms, giving students a clean, structured timeline to track their current grades, course completions, and class schedules without clutter.</span>

# Overview & Setup

The Semester Widget acts as a visual academic roadmap. It automatically organizes a student's courses into their respective semesters, allowing users to track their progress, grades, and upcoming schedules in one organized interface.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/mGeSM97d3vJue5JL-embedded-image-xo2anrdm.png)

####   


To make this widget visible for instructors, follow these steps:

- Navigate to your Dashboard.
- Toggle **Edit** **Mode** to "**On**" (top right corner).
- Click the **Add a block** button.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/iFPDt9YdMUKyrj6F-embedded-image-5lmm16il.png)

- Then, Select Learnexify Dashboard.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/Z5kB1x5Y6fCrBU1l-embedded-image-cttdvaov.png)

- On the new block, click the **Three-dot menu (⋮)** and select **Configure Learnexify Dashboard block**.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/zayOdoDm6HUBXqX9-embedded-image-xf8y6dgm.png)

- In the Select Widget dropdown, choose batches **Enrollment Widget**.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/XBHox8vKMpvIprid-embedded-image-xnznvdwk.png)

- Click **Save changes.**

# Interface Features & Visual Layout

The Semester Widget is designed for high visibility and ease of use. It automatically populates data to provide a seamless experience:

**Program Overview:** The Program Name, ID, and Description are automatically pinned to the top of the widget for context.

**Semester Status Indicators:**

- 🟢 **Green:** Indicates a currently Active semester.
- ⚪ **Grey:** Indicates Inactive semesters (either upcoming or already completed).

**Interactive Course Cards:** Each course within a semester is displayed as a card containing:

- Assigned **Teacher's name**.
- Course **Start** and **End dates**.
- A real-time **Progress Bar**.
- **Current Grade:** Displayed as a percentage in the top right corner of the card.
- **Expand &amp; Collapse:** Users can click any semester header to hide or show the courses inside, keeping the dashboard clean and focused.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/E7iht5jlImN3gccZ-embedded-image-idfzf1nm.png)

# Permission Management & Role Overrides

Permissions control who can view or modify the widget.   
To set these, click the Three-dot menu **(⋮)** on the widget block and select **Permissions.**

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/4uCX7vXtgi72tvpp-embedded-image-kyyti3rr.png)

Use the Plus **(+)** Icon to grant a role (like: **Teacher or Manager**) permission, or the to remove it.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/8bHtOCZyxgwtmwpz-embedded-image-p4wwmi0h.png)

- **View block:** Controls who can see the widget (e.g., Students).
- **Edit a block’s settings:** Controls who can change colors and configurations (e.g., Admins or authorized Managers).
- **Add a new Learnexify Dashboard block to My home:** Determines if users can manually add this block to their personal "My Home" page.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/TmCHa86RyEv1TOaw-embedded-image-mezxpthk.png)

####   
**Advanced Role Overrides:**

If you need to change permissions for a specific role exclusively for this widget, use the dropdown to select the role.  
  
![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/P8ksGbSNFRvGrVXl-embedded-image-llkbnaqt.png)

  
Then, choose one of the following:

- **Inherit:** Use the standard site default.
- **Allow:** Explicitly grant the permission.
- **Prevent/Prohibit:** Block the role from performing the action.

![](https://wiki.paktaleem.net/uploads/images/gallery/2026-10/EKvftBi1xH3NG6sV-embedded-image-5khhju41.png)