Skip to content

Commit df3b5ae

Browse files
932478 - How to hide ScrollHead
1 parent 9c503de commit df3b5ae

File tree

4 files changed

+24
-11
lines changed

4 files changed

+24
-11
lines changed
237 KB
Loading
25.2 KB
Loading

MAUI/PDF-Viewer/Scrolling.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,30 @@ The NET MAUI PDF Viewer has scrolling capabilities that allow users to navigate
1313

1414
W> Please note that since the PDF Viewer has built-in scrolling capability, it is advised to avoid placing the PDF Viewer inside other controls that also offer scrolling, such as [ScrollView](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/controls/scrollview?view=net-maui-8.0). Nesting within such controls may cause unexpected issues.
1515

16+
## Scroll Head
17+
18+
You can scroll through pages by simply dragging the scroll head within the UI on Android and iOS platforms.
19+
20+
![Scroll Head](Images\ScrollHead.png)
21+
22+
### Page navigation using scroll head
23+
To navigate to a specific page, tap the scroll head to open the page navigation dialog. Enter a valid page number in the input field present in the dialog, then tap the OK button. Then it navigates to the selected page of the PDF document. For further more
24+
25+
![Page navigation by tapping scroll head](Images\PageNavigationUsingScrollHead.gif)
26+
27+
### Show or hide the scroll head
28+
29+
The [SfPdfViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) allows you to show or hide the scroll head thumb displayed using the [ShowScrollHead](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ShowScrollHead) property. Refer to the following code example.
30+
31+
{% tabs %}
32+
{% highlight c# %}
33+
// Hide the scroll head thumb
34+
PdfViewer.ShowScrollHead = false;
35+
{% endhighlight %}
36+
{% endtabs %}
37+
38+
N> The Scroll Head is not available for the Desktop platform (Windows and MAC)
39+
1640
## Navigate to the desired offset programmatically
1741

1842
The [ScrollToOffset](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ScrollToOffset_System_Double_System_Double_) method moves the scroll position of the SfPdfViewer to the specified horizontal and vertical offsets. If the specified offset value is wrong, the scroll will not happen, and the older position will be retained. The offset values are represented in device-independent units.

MAUI/PDF-Viewer/UI-Customization.md

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -11,17 +11,6 @@ documentation: ug
1111

1212
This section walks you through the UI customization options supported in the [SfPdfViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html).
1313

14-
## Show or hide the scroll head
15-
16-
You can scroll through the pages by simply dragging the scroll head in the UI. The [SfPdfViewer](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html) allows you to show or hide the scroll head thumb displayed using the [ShowScrollHead](https://help.syncfusion.com/cr/maui/Syncfusion.Maui.PdfViewer.SfPdfViewer.html#Syncfusion_Maui_PdfViewer_SfPdfViewer_ShowScrollHead) property. Refer to the following code example.
17-
18-
{% tabs %}
19-
{% highlight c# %}
20-
// Hide the scroll head thumb
21-
PdfViewer.ShowScrollHead = false;
22-
{% endhighlight %}
23-
{% endtabs %}
24-
2514
## Customize the loading indicator
2615

2716
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](https://learn.microsoft.com/en-us/dotnet/maui/user-interface/styles/xaml?view=net-maui-7.0#apply-a-style-to-derived-types) 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.

0 commit comments

Comments
 (0)