syncfusion-content · dillibabu1802 · Jun 8, 2022 · Jun 8, 2022
diff --git a/Flutter/pdf-viewer/accessibility.md b/Flutter/pdf-viewer/accessibility.md
@@ -14,7 +14,7 @@ documentation: ug
 The [`SfPdfViewer`](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer-class.html) can be accessed by the screen readers by wrapping the [`SfPdfViewer`](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer-class.html) widget to the [`Semantics`](https://api.flutter.dev/flutter/widgets/Semantics-class.html) widget.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="4" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/bookmark-navigation.md b/Flutter/pdf-viewer/bookmark-navigation.md
@@ -20,7 +20,7 @@ The built-in bookmark view in the `SfPdfViewer` can be opened using the [openBoo
 The following code example explains the opening of built-in bookmark view programmatically.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="1 15" %}
 
 final GlobalKey<SfPdfViewerState> _pdfViewerKey = GlobalKey();
 
@@ -56,7 +56,7 @@ Widget build(BuildContext context) {
 You can navigate to the desired bookmark topic programmatically using the [jumpToBookmark](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/jumpToBookmark.html) controller method. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="24 31 32 33 34" %}
 
 late PdfViewerController _pdfViewerController;
 late PdfBookmark _pdfBookmark;

diff --git a/Flutter/pdf-viewer/document-link-annotation.md b/Flutter/pdf-viewer/document-link-annotation.md
@@ -16,7 +16,7 @@ By default, the [SfPdfViewer](https://pub.dev/documentation/syncfusion_flutter_p
 You can enable or disable the navigation of document link annotation using the [enableDocumentLinkAnnotation](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/enableDocumentLinkAnnotation.html) property. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/getting-started.md b/Flutter/pdf-viewer/getting-started.md
@@ -76,7 +76,7 @@ Once the package has been imported, initialize the `SfPdfViewer` as a child of a
 The [SfPdfViewer.asset](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/SfPdfViewer.asset.html) creates a widget that displays the PDF document obtained from an [`AssetBundle`](https://api.flutter.dev/flutter/services/AssetBundle-class.html). The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="4 5" %}
 
 @override
 Widget build(BuildContext context) {
@@ -93,7 +93,7 @@ Widget build(BuildContext context) {
 The [SfPdfViewer.network](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/SfPdfViewer.network.html) creates a widget that displays the PDF document obtained from a URL. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="4 5" %}
 
 @override
 Widget build(BuildContext context) {
@@ -118,7 +118,7 @@ tag to enable the network access in your application:
 The [SfPdfViewer.file](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/SfPdfViewer.file.html) creates a widget that displays the PDF document obtained from a [`File`](https://api.flutter.dev/flutter/dart-io/File-class.html). The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="4 5" %}
 
 @override
 Widget build(BuildContext context) {
@@ -137,7 +137,7 @@ N> On Android, this may require the `android.permission.READ_EXTERNAL_STORAGE`.
 The [SfPdfViewer.memory](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/SfPdfViewer.memory.html) creates a widget that displays the PDF document obtained from the [`Uint8List`](https://api.flutter.dev/flutter/dart-typed_data/Uint8List-class.html). The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="4 5" %}
 
 @override
 Widget build(BuildContext context) {
@@ -154,7 +154,7 @@ Widget build(BuildContext context) {
 The `SfPdfViewer` allows you to load the document with the specified scroll offset position or zoom level using the [initialScrollOffset](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/initialScrollOffset.html) and [initialZoomLevel](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/initialZoomLevel.html) properties. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6 7" %}
 
 @override
 Widget build(BuildContext context) {
@@ -173,7 +173,7 @@ Widget build(BuildContext context) {
 The `SfPdfViewer` allows you to get the current scroll offset position using the [scrollOffset](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/scrollOffset.html) property. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="16 17" %}
 
 final PdfViewerController _pdfViewerController=PdfViewerController();
 
@@ -211,7 +211,7 @@ Widget build(BuildContext context) {
 By default, the `SfPdfViewer` displays the spacing between the PDF pages with the value of **4 pixels**. You can customize the space being displayed using the [pageSpacing](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/pageSpacing.html) property. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -229,7 +229,7 @@ Widget build(BuildContext context) {
 By default, the `SfPdfViewer` displays the scroll head and scroll status. You can customize the visibility of these items using the [canShowScrollHead](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/canShowScrollHead.html) and [canShowScrollStatus](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/canShowScrollStatus.html) properties. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6 7" %}
 
 @override
 Widget build(BuildContext context) {
@@ -250,7 +250,7 @@ N> On a desktop or mobile web browser, this `canShowScrollHead` property will ha
 By default, the page navigation dialog will be displayed when the scroll head is tapped. You can customize the visibility of the page navigation dialog using the [canShowPaginationDialog](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/canShowPaginationDialog.html) property. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -274,7 +274,7 @@ The `SfPdfViewer` loading supports the [PdfDocumentLoadedCallback](https://pub.d
 The [onDocumentLoaded](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/onDocumentLoaded.html) callback triggers after the `document` are loaded in the `SfPdfViewer`. The document in the [PdfDocumentLoadedDetails](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfDocumentLoadedDetails-class.html) will return the loaded [PdfDocument](https://pub.dev/documentation/syncfusion_flutter_pdf/latest/pdf/PdfDocument-class.html) instance. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6 7 8" %}
 
 @override
 Widget build(BuildContext context) {
@@ -302,7 +302,7 @@ The [onDocumentLoadFailed](https://pub.dev/documentation/syncfusion_flutter_pdfv
 The [PdfDocumentLoadFailedDetails](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfDocumentLoadFailedDetails-class.html) will return the `error` title and `description` message for the failure reason. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6 7 8 9 10 11 12 13 14 15 16 17 18 19" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/interaction-modes.md b/Flutter/pdf-viewer/interaction-modes.md
@@ -21,7 +21,7 @@ N> On a touch device, setting the [interactionMode](https://pub.dev/documentatio
 By default, the `selection` interaction mode will be enabled on a desktop web browser and allows users to select and copy text from the PDF files. This also helps to copy and share the text content. Refer to the following code to enable the `selection` mode in `SfPdfViewer`.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -39,7 +39,7 @@ Widget build(BuildContext context) {
 In `pan` mode, the dragging and scrolling of the pages can be performed in any direction using the mouse and touch interactions on a desktop web browser, but the text selection cannot be performed. Refer to the following code to enable the `pan` mode in `SfPdfViewer`.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/localization.md b/Flutter/pdf-viewer/localization.md
@@ -25,7 +25,7 @@ syncfusion_localizations: ^XX.X.XX
 Next, import the `flutter_localizations` and `syncfusion_localizations` library and specify the `localizationsDelegates` and `supportedLocales` for `MaterialApp` to localize the contents in the `SfPdfViewer` (page navigation dialog and bookmark view).
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="1 2 7 8 9 10 11 12 13 14 15 16 17" %}
 
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:syncfusion_localizations/syncfusion_localizations.dart';

diff --git a/Flutter/pdf-viewer/magnification.md b/Flutter/pdf-viewer/magnification.md
@@ -16,7 +16,7 @@ The content of a document can be zoomed in and out either by pinch to zoom or ch
 You can change or control the zoom level factor programmatically using the [zoomLevel](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/zoomLevel.html) property. The zoom level factor value can be set between 1.0 and 3.0. The default value is 1.0. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="21" %}
 
 late PdfViewerController _pdfViewerController;
 
@@ -60,7 +60,7 @@ N> The maximum allowed zoom level is 3.0 and if any value is set beyond that, th
 By default, the `SfPdfViewer` will be zoomed in and out when double-tapped. You can enable or disable the double-tap zoom using the [enableDoubleTapZooming](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/SfPdfViewer/enableDoubleTapZooming.html) property. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -90,7 +90,7 @@ The [onZoomLevelChanged](https://pub.dev/documentation/syncfusion_flutter_pdfvie
 The [PdfZoomDetails](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfZoomDetails-class.html) will return the `oldZoomLevel` title and `newZoomLevel` values. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6 7 8" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/page-layout-and-scroll-direction.md b/Flutter/pdf-viewer/page-layout-and-scroll-direction.md
@@ -25,7 +25,7 @@ N> For now, only `Horizontal` scrolling is supported in `Single page layout mode
 By default, the `continuous` page layout mode is enabled, which scrolls the PDF pages vertically and horizontally. To enable the `continuous` page layout mode in `SfPdfViewer`, use the following code sample.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -43,7 +43,7 @@ Widget build(BuildContext context) {
 In `Single` page layout mode, PDFs will be displayed page by page horizontally. To enable the `Single` page layout mode in `SfPdfViewer`, use the following code sample.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -70,7 +70,7 @@ The [SfPdfViewer](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/lat
 By default, `Vertical` scrolling is enabled, which moves the PDF pages from up to down. To enable the `Vertical` scrolling in `SfPdfViewer`, use the following code sample.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {
@@ -88,7 +88,7 @@ Widget build(BuildContext context) {
 In `Horizontal` scrolling, PDF pages can be scrolled from left to right. To enable the `Horizontal` scrolling in `SfPdfViewer`, use the following code sample.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/page-navigation.md b/Flutter/pdf-viewer/page-navigation.md
@@ -18,7 +18,7 @@ Navigate to the desired pages instantly either by using the page navigation dial
 The [jumpToPage](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/jumpToPage.html) controller method helps you to navigate to the specified page number in a PDF document. The following code example explains the same
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="21" %}
 
 late PdfViewerController _pdfViewerController;
 
@@ -60,7 +60,7 @@ Widget build(BuildContext context) {
 The [nextPage](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/nextPage.html) and [previousPage](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/previousPage.html) controller methods help you to navigate to the next and previous page of a PDF document. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="21 30" %}
 
 late PdfViewerController _pdfViewerController;
 
@@ -111,7 +111,7 @@ Widget build(BuildContext context) {
 The [firstPage](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/firstPage.html) and [lastPage](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfViewerController/lastPage.html) controller methods help you to navigate to the first and last page of a PDF document. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="21 30" %}
 
 late PdfViewerController _pdfViewerController;
 
@@ -164,7 +164,7 @@ The [jumpTo](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/p
 N> Both the `xOffset` and `yOffset` are optional parameters and if the offset values are not provided, then the `SfPdfViewer` will be scrolled or moved to the default position (0, 0).
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="21" %}
 
 late PdfViewerController _pdfViewerController;
 
@@ -217,7 +217,7 @@ The [onPageChanged](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/l
 The [PdfPageChangedDetails](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfPageChangedDetails-class.html) will return the `oldPageNumber`, `newPageNumber`, `isFirstPage` and `isLastPage` values. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="6 7 8 9" %}
 
 @override
 Widget build(BuildContext context) {

diff --git a/Flutter/pdf-viewer/text-search.md b/Flutter/pdf-viewer/text-search.md
@@ -20,7 +20,7 @@ To differentiate the highlighted texts, the current text instance highlight colo
 N> Import **'package:syncfusion_flutter_pdf/pdf.dart'** in the Dart code if you use the [TextSearchOption](https://pub.dev/documentation/syncfusion_flutter_pdf/latest/pdf/TextSearchOption.html) parameter.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="23 24 25 26" %}
 
 late PdfViewerController _pdfViewerController;
 late PdfTextSearchResult _searchResult;
@@ -65,7 +65,7 @@ void initState() {
 The [nextInstance](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/nextInstance.html) and [previousInstance](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/previousInstance.html) methods in the [PdfSearchTextResult](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult-class.html) class help you to navigate to the next and previous search text instance in the PDF document. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="36 48" %}
 
 
 late PdfViewerController _pdfViewerController;
@@ -134,7 +134,7 @@ Widget build(BuildContext context) {
 The [clear](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/clear.html) method in the [PdfSearchTextResult](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult-class.html) class is used to cancel the text search operation. When the text search is in progress, this method can be used to cancel the same and clear all the highlighted texts in the `SfPdfViewer`. The following code example explains the same
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="37" %}
 
 late PdfViewerController _pdfViewerController;
 late PdfTextSearchResult _searchResult;
@@ -194,7 +194,7 @@ The colors in which the current instance and other instances are highlighted can
 The following code example explains how to customize the search text highlight color.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="32 33" %}
 
 late PdfViewerController _pdfViewerController;
 late PdfTextSearchResult _searchResult;
@@ -240,7 +240,7 @@ Widget build(BuildContext context) {
 The [totalInstanceCount](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/totalInstanceCount.html) property in the [PdfSearchTextResult](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult-class.html) object can be used to identify if no instance of the searched text is found in the PDF document. That is, if the [totalInstanceCount](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/totalInstanceCount.html) returns value 0, then there is no matching instance found for the searched text. The following code explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="25 26 27" %}
 
 late PdfViewerController _pdfViewerController;
 late PdfTextSearchResult _searchResult;
@@ -286,7 +286,7 @@ Widget build(BuildContext context) {
 The [totalInstanceCount](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/totalInstanceCount.html) and [currentInstanceIndex](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/currentInstanceIndex.html) properties in the [PdfSearchTextResult](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult-class.html) object can be used to identify if a complete cycle of text search is completed in the PDF document. That is, when the [nextInstance](https://pub.dev/documentation/syncfusion_flutter_pdfviewer/latest/pdfviewer/PdfTextSearchResult/nextInstance.html) method is called, you can check if the `currentInstanceIndex` equals the `totalInstanceCount`, then it can be considered that a complete cycle of text search is completed. The following code example explains the same.
 
 {% tabs %}
-{% highlight Dart %}
+{% highlight dart hl_lines="63 64 65" %}
 
 late PdfViewerController _pdfViewerController;
 late PdfTextSearchResult _searchResult;