Overview:

The payroll module in the HRMS Portal provides HR administrators and finance teams with the tools to manage, view, and process employee payroll across two compensation structures: monthly-based and hourly-based. It also provides employees and administrators with access to a centralised payslip history for reviewing previously processed pay records.

The payroll module contains three sub-modules:

  • Payslip History — A read-only record of all previously generated and paid payslips. Allows administrators to view and download individual payslips.
  • Monthly Payroll — Manages and processes payroll for employees on a fixed monthly salary structure. Displays payroll status (Paid or Unpaid) and allows individual payslip generation and download.
  • Hourly Payroll — Manages and processes payroll for employees compensated on an hourly rate basis. Displays the payslip period range, hourly rate, net payable, and payment status for each employee.

📜 Note: Payroll records are system-generated based on salary information configured in each employee's profile. Ensure that salary details, payslip type, currency, and deduction fields are correctly set in the Salary Info tab of the employee profile before processing payroll.

Prerequisites:

Before using the Payroll module, ensure the following are in place:

The user must be logged in as a Super Admin or have access to the Payroll module.

Employee salary information must be configured in the Salary Info tab of the employee profile, including Payslip Type (Monthly or Hourly), Currency, and Salary / Hourly Rate.

Payment Method details must be configured in the employee's Salary Info tab for payslips to be processed correctly.

Deduction fields (Income Tax, Benefits Deduction, Meal Deduction, Other Tax, Expense) and income fields (Bonus, Salary Dispute) should be set in the employee's salary profile prior to payroll processing.

Part 1: Payslip History

The Payslip History sub-module provides a centralised, read-only log of all payslips that have been generated and processed for employees. It allows HR administrators to locate, view, and download any previously issued payslip.

Section 1: Accessing Payslip History

Follow the steps below to navigate to the Payslip History sub-module.

From the left sidebar, click on Payroll to expand the sub-menu.

Three sub-items are displayed: Payslip History, Monthly Payroll, and Hourly Payroll.

Click on Payslip History (highlighted in teal when active).

The Payslip History listing page opens, displaying all previously processed payslips.

Payroll — Left sidebar showing Payslip History as an active sub-item under Payroll

Section 2: Payslip History Listing Page

The Payslip History listing page displays all payslips that have been generated and issued across the organisation. Each row represents one processed payslip entry.

Payslip History — Listing page showing Employee, Net Payable, Salary Month, Pay Date, and Actions columns

2.1. Listing Table Columns

Column

Description

Sortable

Data Type

Employee

The name, email address, and avatar of the employee for whom the payslip was generated.

Yes

Text

Net Payable

The net amount payable to the employee after all earnings and deductions have been applied.

Yes

Currency

Salary Month

The payroll period month to which the payslip relates (e.g., 1 April 2026).

Yes

Date

Pay Date

The date on which the payslip was processed and payment was issued (e.g., 27 April 2026).

Yes

Date

Actions

Eye icon — opens the read-only payslip detail view. Download icon — downloads the payslip as a PDF file.

No

Icon buttons

2.2. Page Controls

Items per page selector — Controls the number of payslip records displayed per page (default: 10).

Search icon — Filter payslip records by employee name or other criteria.

Refresh icon — Reload the listing to reflect the latest data.

💡 Tip: Use the Search icon to quickly locate a specific employee's payslip history by typing the employee's name. This is particularly useful when the payslip history contains a large number of entries across multiple pages.

Part 2: Monthly Payroll

The Monthly Payroll sub-module manages and displays payroll records for all employees who are on a fixed monthly salary payslip type. It provides a summary of total payroll counts and payment statuses and allows administrators to generate and download individual monthly payslips.

Section 3: Accessing Monthly Payroll

Follow the steps below to navigate to the Monthly Payroll sub-module.

From the left sidebar, click on Payroll to expand the sub-menu.

Click on Monthly Payroll (highlighted in purple when active).

The Monthly Payroll listing page opens, displaying summary cards and the full payroll listing for the current period.

 Payroll — Left sidebar showing Monthly Payroll as an active sub-item under Payroll (highlighted in purple)

Section 4: Monthly Payroll Listing Page

The Monthly Payroll listing page displays three summary cards at the top, followed by a detailed listing table of all employees with monthly payslip records for the current payroll period.

 Monthly Payroll — Listing page showing summary cards (Total Payrolls, Paid, Unpaid) and the payroll table with status badges and action icons

4.1. Summary Cards

Three summary cards are displayed at the top of the Monthly Payroll page, providing an instant overview of the current payroll period's processing status:

Card

Icon Colour

Description

Total Payrolls

Purple

The total number of monthly payroll records for the current period, covering all employees on a monthly payslip structure.

Paid

Green

The number of payroll records that have been processed and marked as Paid, along with the percentage of total payrolls this represents.

Unpaid

Red/Pink

The number of payroll records that remain unprocessed and marked as Unpaid, along with the percentage of total payrolls this represents.

4.2. Listing Table Columns

Column

Description

Sortable

Data Type

Employee

The full name, email address, and avatar of the employee. Clicking the name opens the employee's profile.

Yes

Text

Salary Month

The payroll period month for this payroll record (e.g., 1 April 2026).

Yes

Date

Basic Salary

The employee's base salary amount for the payroll period, displayed in the employee's configured currency.

Yes

Currency

Net Payable

The net amount payable after all earnings additions and deductions have been applied. Displayed as "—" for Unpaid records where payroll has not yet been processed.

Yes

Currency

Status

The current payroll processing status: Paid (green badge with tick) or Unpaid (red badge with icon).

Yes

Badge

Actions

For Paid records: Eye icon (view payslip) and Download icon (download PDF). For Unpaid records: Payroll Run icon to process and generate the payslip.

No

Icon buttons

4.3. Filtering by Month

The Monthly Payroll listing defaults to displaying records for the current payroll period. To view payroll records for a different month, use the month filter:

Click the Filter icon at the top right of the listing page.

A Select Month input field appears. Enter the required month in YYYY-MM format (e.g., 2026-04 for April 2026).

Click Search to apply the filter and reload the listing for the selected month.

Click Reset to clear the month filter and return to the default period view.

📜 Note: The same month filter is available on the Hourly Payroll listing page and functions identically. Use the YYYY-MM format when entering the month value to ensure the filter is applied correctly.​

4.4. Processing a Monthly Payslip

For employees with an Unpaid payroll status, the payslip has not yet been generated for the current period. Follow the steps below to process an individual monthly payslip:

Locate the employee with an Unpaid status in the Monthly Payroll listing.

Click the Payroll Run icon in the Actions column for that employee.

The system processes the payroll record using the salary, earnings, and deduction data configured in the employee's Salary Info profile.

Once processed, the employee's status changes from Unpaid to Paid, and the Eye and Download action icons become available.

⚠️Important: Processing a payroll run for an individual employee is not reversible from within the Payroll module. Verify that the employee's Salary Info — including Basic Salary, currency, deductions, and payment method — is correctly configured before clicking the Payroll Run icon.

4.5. Viewing and Downloading a Monthly Payslip

For employees with a Paid status, the payslip can be viewed on-screen or downloaded as a PDF.

Monthly Payroll — Monthly Payslip detail view showing organisation header, pay period, Employee Details, Comments, Earnings, Deductions, and Net Payable Amount

To view a payslip, click the Eye icon in the Actions column for a Paid employee. The Monthly Payslip detail view opens, displaying the following information:

Section

Description

Organisation Header

The organisation logo and name displayed at the top left. The payslip title "MONTHLY PAYSLIP" is shown at the top right, alongside the Payment Reference number.

Pay Period

The start and end dates of the payroll period covered by this payslip (e.g., 1 April 2026 to 30 April 2026).

Employee Details

The employee's name and avatar displayed in the Employee Details section of the payslip body.

Comments

Any comments or notes added when the payslip was processed, displayed in an editable text field on the payslip view.

Earnings

An itemised list of all income components: Basic Salary, Bonus, and Salary Adjustment. The Total Earnings figure is displayed at the bottom of the earnings section.

Deductions

An itemised list of all deduction components: Expense, Other Tax, Income Tax, Meal Deduction, and Benefits Deduction. The Total Deductions figure is shown at the bottom.

Net Summary

A summary panel at the bottom right of the payslip showing Total Earnings, Total Deductions, and the final Net Payable Amount in the employee's configured currency.

Signature Note

A footer statement: "This is a system-generated payslip and does not require a physical signature."

Two action buttons are available at the top of the payslip detail view:

Button

Description

Print Details

Opens the browser print dialog to allow the payslip to be printed directly from the screen.

Download PDF

Downloads the payslip as a PDF file to the user's device for offline storage or distribution.

Part 3: Hourly Payroll

The Hourly Payroll sub-module manages and displays payroll records for employees who are compensated on an hourly rate basis. It follows the same structure as Monthly Payroll but is tailored to hourly payslip data, including payslip period ranges and hourly rate columns.

Section 5: Accessing Hourly Payroll

Follow the steps below to navigate to the Hourly Payroll sub-module.

From the left sidebar, click on Payroll to expand the sub-menu.

Click on Hourly Payroll (highlighted in purple when active).

The Hourly Payroll listing page opens, displaying summary cards and the full payroll listing for the current period.

 Payroll — Left sidebar showing Hourly Payroll as an active sub-item under Payroll

Section 6: Hourly Payroll Listing Page

The Hourly Payroll listing page mirrors the structure of the Monthly Payroll page, with three summary cards followed by a payroll listing table. The key difference is that Hourly Payroll records display a payslip date range (Payslip From and Payslip To) and an Hourly Rate column rather than a fixed Basic Salary.

 Hourly Payroll — Listing page showing summary cards (Total Payrolls, Paid, Unpaid) and the payroll table with Payslip From, Payslip To, Hourly Rate, Net Payable, Status, and Actions columns

6.1. Summary Cards

Three summary cards are displayed at the top of the Hourly Payroll page:

Card

Icon Colour

Description

Total Payrolls

Purple

The total number of hourly payroll records for the current period.

Paid

Green

The number of hourly payroll records that have been processed and marked as Paid.

Unpaid

Red/Pink

The number of hourly payroll records that remain unprocessed and marked as Unpaid.

6.2. Listing Table Columns

Column

Description

Sortable

Data Type

Employee

The full name, email address, and avatar of the employee.

Yes

Text

Payslip From

The start date of the payslip period covered by this hourly payroll record (e.g., 1 April 2026).

Yes

Date

Payslip To

The end date of the payslip period. Displayed as "—" for records where the period end has not yet been set or processed.

Yes

Date

Hourly Rate

The employee's configured hourly rate of pay in the applicable currency. Displayed as "—" for unprocessed records.

Yes

Currency

Net Payable

The net amount payable to the employee for the payslip period. Displayed as "—" for Unpaid records.

Yes

Currency

Status

The current payroll processing status: Paid (green badge) or Unpaid (red badge).

Yes

Badge

Actions

For Paid records: Eye icon (view payslip) and Download icon (download PDF). For Unpaid records: Payroll Run icon to process the payslip.

No

Icon buttons

6.3. Filtering and Processing Hourly Payroll

The Hourly Payroll listing supports the same month filter as Monthly Payroll. Click the Filter icon at the top right of the listing, enter the desired month in YYYY-MM format, and click Search to filter records by period.

Processing an Unpaid hourly payroll record follows the same workflow as Monthly Payroll: click the Payroll Run icon in the Actions column for the relevant employee. Once processed, the status updates to Paid and the Eye and Download icons become available.


⚠️ Important: For Hourly Payroll records, ensure that the employee's Hourly Rate is correctly configured in the Salary Info tab of their profile before processing. An incorrect hourly rate will directly affect the Net Payable calculation and cannot be corrected retroactively from the payroll module.

Summary:

The following table provides a complete step-by-step summary of all key workflows across the Payslip History, Monthly Payroll, and Hourly Payroll sub-modules:

#

Action / Step

Result

1

Access Payslip History: Log in → Payroll in left sidebar → Payslip History.

Payslip History listing opens showing all previously generated payslips (Employee, Net Payable, Salary Month, Pay Date).

2

View a Payslip from History: Click the Eye icon in the Actions column for any payslip record.

Read-only payslip detail view opens showing full payslip with Earnings, Deductions, and Net Payable Amount.

3

Download a Payslip from History: Click the Download icon in the Actions column for any payslip record.

Payslip downloaded as a PDF file to the user's device.

4

Access Monthly Payroll: Payroll in left sidebar → Monthly Payroll.

Monthly Payroll listing opens with Total Payrolls, Paid, and Unpaid summary cards and the full payroll table.

5

Filter by Month: Click the Filter icon → Enter month in YYYY-MM format → Click Search.

Payroll listing reloads showing records for the selected month only. Click Reset to return to the default view.

6

Process a Monthly Payslip: Locate an Unpaid employee → Click the Payroll Run icon in Actions.

Payroll processed using the employee's Salary Info data. Status changes from Unpaid to Paid. Eye and Download icons become available.

7

View a Monthly Payslip: Click the Eye icon for a Paid employee → Review payslip (pay period, earnings, deductions, net payable).

Full monthly payslip displayed with Print Details and Download PDF options.

8

Download a Monthly Payslip PDF: In the payslip detail view → Click Download PDF.

Payslip downloaded as a PDF. Alternatively, click Print Details to print directly from the browser.

9

Access Hourly Payroll: Payroll in left sidebar → Hourly Payroll.

Hourly Payroll listing opens with Total Payrolls, Paid, and Unpaid summary cards and the hourly payroll table.

10

Process an Hourly Payslip: Locate an Unpaid employee → Click the Payroll Run icon in Actions.

Hourly payroll processed using the employee's Hourly Rate. Status changes to Paid and payslip becomes available for viewing and download.

11

View / Download an Hourly Payslip: Click the Eye icon (view) or Download icon (PDF) for any Paid hourly payroll record.

Payslip detail view opened or PDF downloaded, identical in structure to the Monthly Payslip view.