Student ID Card Page - User Guide

1. Overview

This page allows you to view your official student identity card information and generate a downloadable PDF version of your ID card.

When you navigate to the Student ID Card page, you will see the following sections:

Title: The page is titled "Student ID Card".
Loading State: If your information is still being fetched from the system, you will see a loading indicator ("Loading student information...").
Error State: If there's an issue retrieving your information, an error message will be displayed.
Your Information Section:
- Once your data loads successfully, this section appears with the heading "Your Information".
- It displays key details relevant to your ID card, such as:
  - Name
  - Roll No
  - Programme
  - Department
  - Valid Until (The expiry date of the ID card)
  - Blood Group
  - Emergency Contact
- Each piece of information is accompanied by a relevant icon for quick identification.
PDF Preview Area:
- This area is initially empty or may show a placeholder.
- After you generate the ID card PDF, a preview of the document will appear here, allowing you to see its contents before downloading.
Action Buttons:
- Buttons located below the preview area allow you to generate and download the ID card PDF.

Upon loading the page, the system automatically attempts to fetch your student data.
Loading: While data is being fetched, a loading spinner will be visible.
Error: If the system cannot retrieve your data, an error message will appear, advising you to try again later.
Success: Once loaded, your details are displayed in the "Your Information" section.
Action: Review this information carefully to ensure it is correct, paying particular attention to the "Valid Until" date.

Purpose: To create a PDF version of your official student ID card based on the displayed information.
Steps:
1. Locate the button labelled "Generate ID Card" (with a PDF icon) below the preview area.
2. Click this button.
3. The button text will change to "Generating..." and display a spinner, becoming temporarily inactive while the system creates the PDF. Please wait.
4. Once processing is complete, a preview of your ID card PDF will appear in the PDF Preview area.
5. A "Download PDF" button will also appear next to the "Generate ID Card" button.

Purpose: To review the generated ID card PDF before downloading.
Action: After successfully generating the ID card (Step 3.2), examine the preview in the PDF Preview area. Check that all details and your photo (if included) appear correctly.

Purpose: To save a copy of the generated ID card PDF to your device.
Prerequisite: You must first generate the ID card successfully (Step 3.2). The "Download PDF" button will only be visible and active after generation is complete.
Steps:
1. Locate the button labelled "Download PDF" (with a download icon).
2. Click this button.
3. Your browser will initiate the download process. The file will typically be saved to your default Downloads folder and named Student_ID_Card.pdf.

Data Accuracy: The information displayed and used in the generated PDF is based on the official records available in the system. If you find any discrepancies (e.g., incorrect name, roll number, contact, blood group), please contact the relevant administrative office (e.g., Student Affairs, Academic Section) immediately.
Validity: Check the "Valid Until" date on your ID card information. If the date has passed or is incorrect, contact the administration for renewal or correction.
Generation Time: Generating the PDF may take a few moments.
Pop-up Blockers: If the download doesn't start after clicking the "Download PDF" button, ensure that your browser's pop-up blocker is not preventing the download. You may need to allow downloads from this website.
Photo: The photo used on the ID card is typically sourced from your student profile picture in the system. If it's missing or incorrect, you may need to update your profile through the appropriate channels.