Change the highlight color of the text in Blazor PDF Viewer Component

17 Dec 20221 minute to read

You can change the highlight color of the selected annotation using the Color property of the PdfViewerHighlightSettings class.

The following code illustrates how to change the highlight color of the text.

@using Syncfusion.Blazor.Buttons
@using Syncfusion.Blazor.PdfViewer

<!--Render simple PDF Viewer with customized highlight options-->
<SfPdfViewer @ref="PDFViewer" 
    <PdfViewerHighlightSettings Color="@highlightColor"></PdfViewerHighlightSettings>

    SfPdfViewer PDFViewer;

    //Sets the PDF document path for initial loading.
    private string DocumentPath { get; set; } = "PDF_Succinctly.pdf";

    //Defines the color for text markup annotations like highlight.
    private string highlightColor = "Green";


Highlight Text in Blazor PDFViewer


View sample in GitHub.