diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor
index 3a834d82f..c959b8d54 100644
--- a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewerDocumentation.razor
@@ -30,6 +30,11 @@
+
+ Below screenshot is added for demo purposes only. For additional info, refer to this link.
+
+
+
@code {
private const string pageUrl = RouteConstants.Demos_PDFViewer_Documentation;
private const string pageTitle = "Blazor PDF Viewer";
diff --git a/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewer_Demo_04_RTL_Doc_Example.razor b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewer_Demo_04_RTL_Doc_Example.razor
new file mode 100644
index 000000000..54b56c55d
--- /dev/null
+++ b/BlazorBootstrap.Demo.RCL/Components/Pages/PdfViewer/PdfViewer_Demo_04_RTL_Doc_Example.razor
@@ -0,0 +1,16 @@
+
@eventLog
+
+
+
+@code {
+ private string eventLog { get; set; } = $"Last event: ..., CurrentPage: 0, TotalPages: 0";
+
+ private void OnDocumentLoaded(PdfViewerEventArgs args)
+ => eventLog = $"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}";
+
+ private void OnPageChanged(PdfViewerEventArgs args)
+ => eventLog = $"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}";
+}
\ No newline at end of file
diff --git a/BlazorBootstrap.Demo.RCL/wwwroot/docs/persian-sample-doc-919.pdf b/BlazorBootstrap.Demo.RCL/wwwroot/docs/persian-sample-doc-919.pdf
new file mode 100644
index 000000000..1ed55ff85
Binary files /dev/null and b/BlazorBootstrap.Demo.RCL/wwwroot/docs/persian-sample-doc-919.pdf differ
diff --git a/docs/docs/05-components/pdf-viewer.mdx b/docs/docs/05-components/pdf-viewer.mdx
index f51339d04..1c72d59d0 100644
--- a/docs/docs/05-components/pdf-viewer.mdx
+++ b/docs/docs/05-components/pdf-viewer.mdx
@@ -56,7 +56,7 @@ The Blazor PDF Viewer component allows users to view PDF files directly in the b
}
```
-[See demo here.](https://demos.blazorbootstrap.com/pagination#examples)
+[See demo here.](https://demos.blazorbootstrap.com/pdf-viewer#examples)
### Orientation
@@ -85,7 +85,7 @@ Set the `Orientation` parameter to `Orientation.Landscape` to change the default
}
```
-[See demo here.](https://demos.blazorbootstrap.com/pagination#orientation)
+[See demo here.](https://demos.blazorbootstrap.com/pdf-viewer#orientation)
### Base64String
@@ -120,4 +120,31 @@ Pdf Viewer component supports **base64** string as a URL.
}
```
-[See demo here.](https://demos.blazorbootstrap.com/pagination#base64-string)
+[See demo here.](https://demos.blazorbootstrap.com/pdf-viewer#base64-string)
+
+### RTL doc
+
+
+
+:::info
+Below screenshot is added for demo purposes only. For additional info, refer to this link.
+:::
+
+```cshtml {} showLineNumbers
+@eventLog
+
+
+
+@code {
+ private string eventLog { get; set; } = $"Last event: ..., CurrentPage: 0, TotalPages: 0";
+
+ private void OnDocumentLoaded(PdfViewerEventArgs args)
+ => eventLog = $"Last event: OnDocumentLoaded, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}";
+
+ private void OnPageChanged(PdfViewerEventArgs args)
+ => eventLog = $"Last event: OnPageChanged, CurrentPage: {args.CurrentPage}, TotalPages: {args.TotalPages}";
+}
+```