Skip to content

Commit 9731efa

Browse files
mani-d1mani-d1
committed
Merge branch 'Muralidharan' of https://github.com/virtualansoftware/doculan-tutorials into Muralidharan
2 parents 2ce99ec + f89751c commit 9731efa

122 files changed

Lines changed: 1658 additions & 2698 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎docs/Contacts/Contact-Delete.md‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
# ✅ Steps to Delete Contact
2+
3+
1. Open the **Contacts** page to view all contacts.
4+
2. Click the **Delete (trash icon)** next to the contact you want to remove.
5+
3. Confirm by clicking **Delete**.
6+
4. The contact will be deleted successfully.
7+
8+
**Screenshot1:**
9+
10+
<img src="screenshots\Contacts\Contact-Delete1.png" alt="Step 1 — Delete Contact" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
11+
12+
**Screenshot2:**
13+
14+
<img src="screenshots\Contacts\Contact-Delete2.png" alt="Step 2 — Delete Contact" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
15+
16+
---> The above **Screenshots** represent that how to **Delete Contact.**
17+
18+
**Demo Video:**
19+
<!-- Inline HTML in Markdown file -->
20+
<style>
21+
.video-wrap {
22+
border: 2px solid black;
23+
border-radius: 4px;
24+
width: 100%;
25+
max-width: 800px;
26+
overflow: hidden;
27+
margin-bottom: 1rem;
28+
}
29+
.video-wrap video {
30+
display: block;
31+
width: 100%;
32+
height: auto;
33+
}
34+
</style>
35+
36+
<div class="video-wrap" role="region" aria-label="Demo: Creating a form">
37+
<!-- Use a relative path like ./videos/demo.mp4 or an absolute URL -->
38+
<video controls poster="screenshots\Thumbnail\DemoPics.png">
39+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Delete.mp4" type="video/mp4">
40+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Delete.webm" type="video/webm">
41+
<!-- Fallback link if browser can't play video -->
42+
Your browser does not support the video tag.
43+
<a href="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Delete.mp4" target="_blank" rel="noopener">Download / Open video</a>
44+
</video>
45+
</div>
46+
47+
---> The above **Video** represent that how to **Delete Contact.**

‎docs/Contacts/Contact-Update.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
# ✅ Steps to Update Contact
2+
3+
1. Go to the **Contacts** page to view existing contacts.
4+
2. Click the **Edit (pen icon)** next to the contact you want to modify.
5+
3. Update the contact details (Name, Email, Phone Number, etc.).
6+
4. Click **Save Changes**.
7+
5. The contact information will be updated successfully.
8+
9+
**Screenshot1:**
10+
11+
<img src="screenshots\Contacts\Contact-Update1.png" alt="Step 1 — Update Contact" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
12+
13+
**Screenshot2:**
14+
15+
<img src="screenshots\Contacts\Contact-Update2.png" alt="Step 2 — Update Contact" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
16+
17+
---> The above **Screenshots** represent that how to **Update Contact.**
18+
19+
**Demo Video:**
20+
<!-- Inline HTML in Markdown file -->
21+
<style>
22+
.video-wrap {
23+
border: 2px solid black;
24+
border-radius: 4px;
25+
width: 100%;
26+
max-width: 800px;
27+
overflow: hidden;
28+
margin-bottom: 1rem;
29+
}
30+
.video-wrap video {
31+
display: block;
32+
width: 100%;
33+
height: auto;
34+
}
35+
</style>
36+
37+
<div class="video-wrap" role="region" aria-label="Demo: Creating a form">
38+
<!-- Use a relative path like ./videos/demo.mp4 or an absolute URL -->
39+
<video controls poster="screenshots\Thumbnail\DemoPics.png">
40+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Update.mp4" type="video/mp4">
41+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Update.webm" type="video/webm">
42+
<!-- Fallback link if browser can't play video -->
43+
Your browser does not support the video tag.
44+
<a href="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Update.mp4" target="_blank" rel="noopener">Download / Open video</a>
45+
</video>
46+
</div>
47+
48+
---> The above **Video** represent that how to **Update Contact.**

‎docs/Contacts/Contact_Create.md‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
# ✅ Steps to Create Contact
2+
3+
1. Open the **Doculan Dashboard** and go to the **Contacts** section.
4+
2. Click on **Add Contact**.
5+
3. Fill in all required details such as:
6+
- Full Name
7+
- Email Address
8+
- Mobile Number
9+
- Other optional fields
10+
4. Click **Add Contact** to save.
11+
5. The contact will be successfully created and stored in the system.
12+
13+
**Screenshot1:**
14+
15+
<img src="screenshots\Contacts\Contact-Create1.png" alt="Step 1 — Create Contact" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
16+
17+
---> The above **Screenshot** represent that how to **Create Contact.**
18+
19+
**Demo Video:**
20+
<!-- Inline HTML in Markdown file -->
21+
<style>
22+
.video-wrap {
23+
border: 2px solid black;
24+
border-radius: 4px;
25+
width: 100%;
26+
max-width: 800px;
27+
overflow: hidden;
28+
margin-bottom: 1rem;
29+
}
30+
.video-wrap video {
31+
display: block;
32+
width: 100%;
33+
height: auto;
34+
}
35+
</style>
36+
37+
38+
39+
40+
41+
<div class="video-wrap" role="region" aria-label="Demo: Creating a form">
42+
<!-- Use a relative path like ./videos/demo.mp4 or an absolute URL -->
43+
<video controls poster="screenshots\Thumbnail\DemoPics.png">
44+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Create.mp4" type="video/mp4">
45+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Create.webm" type="video/webm">
46+
<!-- Fallback link if browser can't play video -->
47+
Your browser does not support the video tag.
48+
<a href="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Contact-Create.mp4" target="_blank" rel="noopener">Download / Open video</a>
49+
</video>
50+
</div>
51+
52+
---> The above **Video** represent that how to **Create Contact.**

‎docs/Document/Documents_Create.md‎

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# ✅ Steps to Create a New Document
2+
3+
1. Go to **Doculan Dashboard → Documents → Create**
4+
2. Choose your preferred method:
5+
- ✍️ **Create manually**, or
6+
- 🤖 **Use AI to generate the document**
7+
3. Start writing or editing your text
8+
4. Format the document as needed:
9+
- Change **font styles & colors**
10+
- **Increase / Decrease** font size
11+
- Insert **images**, **logos**, or **pages**
12+
5. Doculan provides **spell check** to ensure accuracy
13+
6. Save the document (**PDF format only**)
14+
15+
**Screenshot1:**
16+
17+
<img src="screenshots\Document\Document-Create.png" alt="Step 1 — Create a New Document" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
18+
19+
**Screenshot2:**
20+
21+
<img src="screenshots\Document\Document-Create2.png" alt="Step 2 — Create a New Document" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
22+
23+
---> The above **Screenshots** represent that how to **Create a new Document.**
24+
25+
**Demo Video:**
26+
<!-- Inline HTML in Markdown file -->
27+
<style>
28+
.video-wrap {
29+
border: 2px solid black;
30+
border-radius: 4px;
31+
width: 100%;
32+
max-width: 800px;
33+
overflow: hidden;
34+
margin-bottom: 1rem;
35+
}
36+
.video-wrap video {
37+
display: block;
38+
width: 100%;
39+
height: auto;
40+
}
41+
</style>
42+
43+
<div class="video-wrap" role="region" aria-label="Demo: Creating a form">
44+
<!-- Use a relative path like ./videos/demo.mp4 or an absolute URL -->
45+
<video controls poster="screenshots\Thumbnail\DemoPics.png">
46+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Document-Create.mp4" type="video/mp4">
47+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Document-Create.webm" type="video/webm">
48+
<!-- Fallback link if browser can't play video -->
49+
Your browser does not support the video tag.
50+
<a href="./video/https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Document-Create.mp4" target="_blank" rel="noopener">Download / Open video</a>
51+
</video>
52+
</div>
53+
54+
---> The above **Video** represent that how to **Create Document.**
55+

‎docs/Document/Documents_Upload.md‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
# ✅ Steps to Upload to Doculan Storage
2+
3+
- Documents can be saved **locally** or in **Doculan Storage**
4+
- If saving to Doculan storage:
5+
- Select the correct **folder path / storage path**
6+
- Upload the **PDF file**
7+
8+
**Screenshot1:**
9+
10+
<img src="screenshots\Document\Document-Upload1.png" alt="Step 1 — Upload to Doculan Storage
11+
" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
12+
13+
**Screenshot2:**
14+
15+
<img src="screenshots\Document\Document-Upload2.png" alt="Step 2 — Upload to Doculan Storage
16+
" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;">
17+
18+
---> The above **Screenshots** represent that how to **Upload Document.**
19+
20+
**Demo Video:**
21+
<!-- Inline HTML in Markdown file -->
22+
<style>
23+
.video-wrap {
24+
border: 2px solid black;
25+
border-radius: 4px;
26+
width: 100%;
27+
max-width: 800px;
28+
overflow: hidden;
29+
margin-bottom: 1rem;
30+
}
31+
.video-wrap video {
32+
display: block;
33+
width: 100%;
34+
height: auto;
35+
}
36+
</style>
37+
38+
<div class="video-wrap" role="region" aria-label="Demo: Creating a form">
39+
<!-- Use a relative path like ./videos/demo.mp4 or an absolute URL -->
40+
<video controls poster="screenshots\Thumbnail\DemoPics.png">
41+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Document-Upload.mp4" type="video/mp4">
42+
<source src="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Document-Upload.webm" type="video/webm">
43+
<!-- Fallback link if browser can't play video -->
44+
Your browser does not support the video tag.
45+
<a href="https://doculan-storage-public.s3.us-east-1.amazonaws.com/tutorials/Document-Upload.mp4" target="_blank" rel="noopener">Download / Open video</a>
46+
</video>
47+
</div>
48+
49+
---> The above **Video** represent that how to **Upload Document.**

docs/bulk-mail.md renamed to docs/E_Sign/bulk-mail.md

Lines changed: 3 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,4 @@
1-
<!-- 1. Choose **E-Sign → Bulk Mail**.
2-
2. Upload a `.csv` file or enter addresses manually.
3-
3. Each line or entry represents a separate document to be sent.
4-
4. Paste multiple addresses following the sample format provided.
5-
5. Choose expiry and reminder settings.
6-
6. Click **Send Bulk Mail**.
7-
8-
🖼️ *Screenshot Placeholder: Bulk mail upload view* -->
9-
10-
11-
<!-- ***************************************************************************************** -->
12-
13-
1+
142
# How to Send Bulk Mail in Doculan?
153

164
This guide explains how to send **bulk e-sign documents** to multiple recipients at once.
@@ -118,7 +106,7 @@ Amit Patel, amit@example.com
118106
5. Click **Validate** to confirm all entries are correct. -->
119107
</details>
120108

121-
<img src="images\Bulk_Mail_Manual_CSV.png" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;" alt="Screenshot for Document">
109+
<img src=" screenshots\E-Sign_Images\Bulk_Mail_Manual_CSV.png" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;" alt="Screenshot for Document">
122110

123111
---
124112

@@ -196,7 +184,7 @@ This ensures signers receive follow-up reminders until the document is signed or
196184
197185
--- -->
198186

199-
## Step 8 — Track Bulk Document Status
187+
## Step 4 — Track Bulk Document Status
200188

201189
Once sent, return to your folder and click **Audit** on the corresponding bulk batch.
202190

‎docs/E_Sign/cancel-esign-document.md‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+

2+
# How to Cancel an eSign Document?
3+
4+
Sometimes you may need to **cancel an ongoing e-signature request** for example, if you sent it to the wrong recipient, updated the document, or no longer need it signed.
5+
This guide explains how to cancel such eSign documents in **Doculan** and what happens afterward.
6+
7+
---
8+
9+
## Step 1: Identify the Document to Cancel
10+
11+
1. In the **Status** column, find the document that is **Pending**, **Sent**, or **In Progress**.
12+
2. Click the **(⋮) (three dots)** button under **Actions** for that document.
13+
3. Choose **Audit** to confirm the current activity and signer progress (optional).
14+
4. Once confirmed, click the **Cancel eSign** option.
15+
16+
<img src=" screenshots\E-Sign_Images\Actions_available.png" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;" alt="Screenshot for Document">
17+
18+
> You can only cancel documents that are *not yet completed* or *not fully signed by all parties*.
19+
20+
---
21+
22+
## Step 2: Confirm Cancellation
23+
24+
After selecting **Cancel eSign**, a pop-up confirmation appears.
25+
26+
<details>
27+
<summary><b>Steps to Confirm Cancellation</b></summary>
28+
29+
1. Click **Cancel eSign** from the dropdown menu.
30+
2. A confirmation dialog appears —
31+
**“Are you sure you want to cancel this eSign document?**
32+
3. Optionally, enter a short reason for cancellation (helps in tracking).
33+
4. Click **Confirm**.
34+
5. The system updates the status to **Cancelled**.
35+
</details>
36+
37+
<img src=" screenshots\E-Sign_Images\Cancel_Esign_Document.png" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;" alt="Screenshot for Document">
38+
39+
---
40+
41+
## Step 3: System Updates After Cancellation
42+
43+
When the document is cancelled:
44+
45+
| Effect | Description |
46+
|--------|-------------|
47+
| **Status Update** | Status changes to **Cancelled** immediately in the dashboard |
48+
| **Recipient Access** | Any signer trying to open the old link will see: *“This document has been cancelled by the administrator and is no longer available.”* |
49+
| **Email Notification** | All recipients receive an automatic email informing them of the cancellation |
50+
| **Audit Log** | A new entry is created in the **Order Trail** indicating cancellation time and user ID |
51+
52+
<img src=" screenshots\E-Sign_Images\Cancelled_By_Admin.png" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;" alt="Screenshot for Document">
53+
54+
---
55+
56+
## Step 4: Track Audit History
57+
58+
You can verify all cancellation events in the **Audit Trail**.
59+
60+
1. Click the **Audit** button for the specific document.
61+
2. The audit page displays:
62+
- Document creation time
63+
- Sent time
64+
- Opened by
65+
- Signed by
66+
- **Cancelled by [User Name]** with timestamp
67+
<!-- 3. You can **download the audit report** for internal compliance. -->
68+
69+
<img src=" screenshots\E-Sign_Images\Cancel_Audit.png" style="border:2px solid black; border-radius:4px; width:100%; max-width:800px;" alt="Screenshot for Document">
70+
71+
---
72+
73+
**You've successfully cancelled an eSign document in Doculan!**
74+
75+
> The cancellation ensures that incomplete or incorrect sign requests are safely withdrawn without confusion or risk of unauthorized signing.
76+
77+
© Doculan by [Virtualan Software](https://www.virtualan.io)

0 commit comments

Comments
 (0)