UI Customization in .NET MAUI PDF Viewer (SfPdfViewer)

This section walks you through the UI customization options supported in the SfPdfViewer.

Show or hide scroll head

You can scroll through the pages by simply dragging the scroll head in the UI. The SfPdfViewer allows you to show or hide the scroll head thumb displayed using the ShowScrollHead property. Refer to the following code example.

C#

// Hide the scroll head thumb
PdfViewer.ShowScrollHead = false;

Customize the loading indicator

You can customize the loading indicator’s properties by applying a style with the TargetType property to ActivityIndicator. You may also need to set the ApplyToDerivedTypes property to True to get the style applied to the derived classes. See the following code example to customize the color of the loading indicator.

XAML

<syncfusion:SfPdfViewer>
	<syncfusion:SfPdfViewer.Resources>
		<Style TargetType="ActivityIndicator" 
			   ApplyToDerivedTypes="True">
				<Setter Property="Color" Value="Red" />
			</Style>
	</syncfusion:SfPdfViewer.Resources>
</syncfusion:SfPdfViewer>