# Letters

\
Letter templates are pre-designed by the admin using placeholders (like employee name, date, department, etc.), so whenever a letter is generated, all information fills automatically.\
This ensures ready-made, accurate, and formatted letters without needing to type manually every time.

#### 1. Superadmin / Admin View

1. The Letters module is accessible from the sidebar.
2. When the Superadmin clicks on Letters, a list view opens containing all generated letters.
3. Each record displays:<br>

   <div data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2Fto7LVhYKHJ6aQD2PBBe1%2Fimage.png?alt=media&#x26;token=ad813542-fdec-4971-9dca-8d4301591d81" alt=""><figcaption></figcaption></figure></div>

* **User Name** – Displays the name of the user.
* **Letter Name** – Displays the name of the letter.
* **Template Name** – Displays the template used for the letter.

**Actions such as send Mail, Edit, Delete, and Download.**\
\
![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FFmuqPBpTK2wSirkRMrGU%2Fimage.png?alt=media\&token=67e64e47-1104-4f7b-a07e-1744d2af3505)

Admin can manage and control every letter through these actions.<br>

* **Edit:** To modify letter content, layout, or settings.
* **Delete:** To remove an unwanted or duplicate letter.
* **Download**: To download the letter in document or PDF format.
* **Send Mail –**&#x20;

  Click to send the letter to the employee’s official email ID; a confirmation popup appears informing that the letter is sent using the company email ID and will be delivered to the email address entered in the employee’s General Details.

4. **Top-Side Controls :**

At the upper left corner of the Letters page, two buttons are available:

1. **Filter :**<br>

   <div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2F2QHJrQ9TlWEn2mQxwzBA%2Fimage.png?alt=media&#x26;token=21814d4a-7d31-4b36-8fc0-b22c1bf0bcc5" alt=""><figcaption></figcaption></figure></div>

&#x20;     Used to search or filter letters based on employee name.

2. **Generate Letter :**<br>

   <div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FnTyD6vjOw9VlRqWeYvQt%2Fimage.png?alt=media&#x26;token=229c04ed-c384-4940-b407-d68a4a960fc5" alt=""><figcaption></figcaption></figure></div>

&#x20;     Used to create a new letter.

&#x20;     When clicked, a dialog box opens asking for:

<div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FUGIkhYyE3pBGaXPz6oCN%2Fimage.png?alt=media&#x26;token=6cb5826e-412e-4d62-9692-05b954abbcdf" alt=""><figcaption></figcaption></figure></div>

* **Template Name** – Displays the name of the selected letter template.
* **Letter Name** – Displays the title of the generated letter.
* **Employee Name** – Displays the name of the employee for whom the letter is created.<br>

After filling these fields and clicking **Submit**, a ready letter is generated **automatically.**

The generated letter appears in the list under the employee’s name for further actions.

**4. Edit Section (Detailed Explanation)**

When the admin clicks the Edit button for any letter, a full editing screen opens where advanced formatting and design changes can be made.

At the top of the edit screen, three important buttons are available:

1. **Download:** To download the current version of the letter.\
   ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FXlm75t1tp5KJdHl2oYJ6%2Fimage.png?alt=media\&token=45f048f6-468a-43ca-9c96-4877d41a1196)<br>
2. **Preview:** To see live changes made before saving.\
   ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FPFfjYYfUqQZoYVOLELt2%2Fimage.png?alt=media\&token=e8302c86-f846-4e58-b099-0243a233bff1)
3. **Save Template:** To save the updated design or content permanently so that it appears in the list of templates.\
   ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FryaYx1R2NUFf9xzWtrGR%2Fimage.png?alt=media\&token=93d28cc4-1ed6-42f2-9d8d-3c596c103860)

**Edit Settings:**

Inside the Edit Settings, the Admin can perform multiple customizations to tailor the letter format:

<div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2Fe1zDkoDcytHB1fqvSsOn%2Fimage.png?alt=media&#x26;token=1ac90d4b-a99f-4c9b-b67e-749d18a08378" alt=""><figcaption></figcaption></figure></div>

* Change the Letter Name
* Adjust Margins (Top, Bottom, Left, Right)
* Add or Modify Header and Footer Sections
* Options include None, Default, Default Inverse, and Image.
* In the Image option, the admin can upload a company logo or other header/footer images and set the height as required.
* Insert Images such as company logos or digital signatures.
* Edit the Body Content directly and apply rich-text formatting (bold, italic, underline, alignment, etc.) for a professional layout, Text alignment, Bullet list, Numbered list.
* Set spacing, font type, and alignment for better presentation.<br>

  <div data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FXorxPMvKMQgw66NoihvM%2Fimage.png?alt=media&#x26;token=0d21e1d1-e292-4c6b-8c9e-d2236d5ec348" alt=""><figcaption></figcaption></figure></div>
* In the **Edit Letter** section, placeholders are **provided and can be inserted** while creating or updating a letter template.
* In the **Generate Letter** section, placeholders are **visible but do not auto-fetch by default**.
* Placeholders will **auto-fetch data only if they are already defined and mapped in the selected letter template**.

All these options help maintain a professional letter layout and allow personalization as needed.

#### **Template Management (HR Settings)**  Add Letter Template – Super Admin Process :

Beside the **Generate Letter** option, a **Manage Template** button is available.\
\
![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FpWHPUyanNoIMqAWfyCo8%2Fimage.png?alt=media\&token=c69e447e-c98b-4b0c-9dea-8f4210929945)

Using **Manage Template**, users can create and maintain templates for various HR letters. Once a template is prepared, there is **no need to manually create the same letter repeatedly**.

Templates support **placeholders**, which automatically **auto-fetch employee and company data** at the time of letter generation. This ensures consistency, accuracy, and faster letter creation.<br>

**Letter Template Listing :**

The listing page displays all existing letter templates with the following **Action** options:

<div data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FbeuwrXsQYpBkg3N3xNFM%2Fimage.png?alt=media&#x26;token=0db86bbb-7047-4205-afc3-38a81748e6e1" alt=""><figcaption></figcaption></figure></div>

* **View** – View the prepared letter template
* **Edit** – Modify an existing letter template
* **Delete** – Delete the prepared letter template

#### Add New Template :

1. Click on **Add New Template** **(top-right)**\
   \
   ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FDFLIi9rw1br75WZ9m6fq%2Fimage.png?alt=media\&token=2945888c-7796-4f3c-a86e-c854f89c9c4c)\
   \
   At the top of the edit screen, two important buttons are available:
2. **Preview:** To see live changes made before saving.\
   ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FncdZOIInfytGwNT16vrP%2Fimage.png?alt=media\&token=8f77a9a0-86f4-420b-a154-6e007655fdb6)
3. **Save Template:**\
   ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FpwICz2STfHSlKpC2i7SQ%2Fimage.png?alt=media\&token=063a0176-5356-4c61-abc5-cf876834d572)\
   &#x20;To save the updated design or content permanently so that&#x20;

&#x20;     The **Edit Letter Template** section will open<br>

Inside the **Edit Settings,** the Admin can perform multiple customizations to tailor the letter format:

<div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FqrirK5QJd7RXFI7TCh9h%2Fimage.png?alt=media&#x26;token=1c62c65a-26d9-4828-81d3-49a1a5edd217" alt=""><figcaption></figcaption></figure></div>

* Change the **Letter Name**&#x20;
* Adjust **Margins** (Top, Bottom, Left, Right)
* Add or Modify **Header** and **Footer** Sections
* Options include None, Default, Default Inverse, and Image.
* In the Image option, the admin can upload a company logo or other header/footer images and set the height as required.
* Insert Images such as company logos or digital signatures.
* Edit the Body Content directly and apply rich-text formatting (bold, italic, underline, alignment, etc.) for a professional layout, Text alignment, Bullet list, Numbered list.
* Set spacing, font type, and alignment for better presentation.

&#x20;   Create or update the letter content using formatting tools

#### Placeholders :

<div data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FS62jdTt7ZTwynVfOrBWB%2Fimage.png?alt=media&#x26;token=6dfd451d-1249-440e-b5d6-ca2d89b09a6e" alt=""><figcaption></figcaption></figure></div>

The **Placeholders** section provides multiple predefined placeholders.\
When placeholders are added to the template, data will **auto-fetch during letter generation**.

**Examples of placeholders include:**

* Current Date
* Employee First Name
* Employee Last Name
* Full Name
* Date of Joining
* Exit Date
* Salary Structure
* Bank Details

These placeholders ensure accurate and automated data population while generating HR letters.

1. All letter templates are stored and managed in the **HR Section** under Settings.
2. Admin can create, edit, or delete templates as per requirement.
3. Each template includes placeholders that **automatically pull employee data when the letter is generated.**

#### &#x20;Employee View :

<div data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2Fxkym1ymNGT185E7dSnWe%2Fimage.png?alt=media&#x26;token=10882417-d1ce-4dcd-93e9-0be1d459d6ad" alt=""><figcaption></figcaption></figure></div>

1. If permission is granted by the Superadmin, employees can access the Letters module from their sidebar.
2. Employees can only **view and download** their own letters such as appointment letters, offer letters, or salary revision letters.
3. They cannot create, delete, or edit letters. as the access not given&#x20;
4. If an employee manages a team, they can see letters of their team members (if allowed by admin).
5. Otherwise, they can only view their own generated letters.
6. Filter button is use for filter the letters by their Letter name.<br>

   #### Employee Access :

   Employee access to the **Letters module** is **permission-based** and controlled through individual toggles.<br>

   #### How to Give Letter Access to an Employee

   1. Go to **Settings**\
      \
      ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FVpLZ4i3Er5MviElqGLj1%2Fimage.png?alt=media\&token=62d9b27d-5381-423c-b150-3854a8295414)<br>
   2. Navigate to **Organization**\
      \
      ![](https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FsMibsWUMzUImJqsHgAvk%2Fimage.png?alt=media\&token=6d0286f9-c7df-48ee-892a-6587508dc651)<br>
   3. Select **Employee**
   4. Open the specific employee’s **Edit** section<br>

      <div data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FSIdCKkjzexYF8cfd7KQ4%2Fimage.png?alt=media&#x26;token=ddaa1965-8acb-4d19-948f-b50fb5c6c229" alt=""><figcaption></figcaption></figure></div>
   5. Go to the **Permissions** tab<br>

      <div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FdbkxPZKm6MBkUc162CYo%2Fimage.png?alt=media&#x26;token=56409c47-ed5f-4ff8-a413-eb279858e9fd" alt=""><figcaption></figcaption></figure></div>
   6. Under **HR Settings**, locate **Letters**

   #### Available Permission Toggles:

   Each permission works independently. Employees can perform only the actions that are enabled.<br>

   **View Permissions**<br>

   <div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FWPKf9N4AgxEYCRXwc0M1%2Fimage.png?alt=media&#x26;token=583bf970-0e7c-4428-8809-9acb28536621" alt=""><figcaption></figcaption></figure></div>

* **View (My Self)** – View only own letters
* **View (My Team)** – View letters of team members
* **View (My All)** – View letters of all employees

**Action Permissions**

* **Create** – Generate letters
* **Edit** – Edit generated letters
* **Delete** – Delete letters

<div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2FdMTM21wmf6k39V9cdIes%2Fimage.png?alt=media&#x26;token=79548ae5-a477-4565-a95c-b017061754d3" alt=""><figcaption></figcaption></figure></div>

After enabling the permission, click the **Save** button located at the **bottom of the permission page** to apply the changes.<br>

<div align="left" data-with-frame="true"><figure><img src="https://3956770095-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUUo96gA1dVGRzqVErxsJ%2Fuploads%2Fywo8jsEEYbr4AV401T9b%2Fimage.png?alt=media&#x26;token=785ce0ee-f5a5-40ea-89c6-888c37c2d308" alt=""><figcaption></figcaption></figure></div>

#### Permission Behavior

* If a toggle is enabled, the employee can perform the related action
* If disabled, the option will not be visible or accessible

\
\
\
\
\
\
\
\ <br>
