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. + Blazor Bootstrap: Blazor PDF Viewer Component - RTL doc +
+ @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 + +Blazor Bootstrap: Blazor PDF Viewer Component - 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}"; +} +```