Multipage Processing

Current UI (ver 8.1+)Deprecated UI (pre 8.1)

• Show/hide the Skip Page button:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.functionality.showSkipNextPageButton = true

[RGLDocReader shared].functionality.showSkipNextPageButton = YES;

DocumentReader.Instance().functionality().edit().setShowSkipNextPageButton(true).apply()

DocumentReader.Instance().functionality().edit().setShowSkipNextPageButton(true).apply();

DocumentReader.instance.functionality.showSkipNextPageButton = true;

DocumentReader.setFunctionality({
    showSkipNextPageButton: true,
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setFunctionality({
    showSkipNextPageButton: true
});

DocumentReader.setFunctionality({
    showSkipNextPageButton: true,
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Functionality().Edit().SetShowSkipNextPageButton(true).Apply();

// iOS
RGLDocReader.Shared.Functionality.ShowSkipNextPageButton = true;

• Set the hex color code for the Skip Page button background:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageButtonBackgroundColor = UIColor.red

[RGLDocReader shared].customization.multipageButtonBackgroundColor = [UIColor redColor];

DocumentReader.Instance().customization().edit().setMultipageButtonBackgroundColor("#ff0000").apply()

DocumentReader.Instance().customization().edit().setMultipageButtonBackgroundColor("#ff0000").apply();

DocumentReader.instance.customization.multipageButtonBackgroundColor = Colors.red;

DocumentReader.setCustomization({
    multipageButtonBackgroundColor: 0xffff0000,
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageButtonBackgroundColor: 0xffff0000
});

DocumentReader.setCustomization({
    multipageButtonBackgroundColor: 0xffff0000,
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageButtonBackgroundColor("#4287f5").Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageButtonBackgroundColor = UIColor.Red;

• Set the custom text for the Skip Page button (if not set, only the right arrow is displayed):

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageButtonText = "Next"

[RGLDocReader shared].functionality.multipageButtonText = @"Next";

DocumentReader.Instance().customization().edit().setMultipageButtonText("Next").apply()

DocumentReader.Instance().customization().edit().setMultipageButtonText("Next").apply();

DocumentReader.instance.customization.multipageButtonText = "Next";

DocumentReader.setCustomization({
    multipageButtonText: "Next",
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageButtonText: "Next"
});

DocumentReader.setCustomization({
    multipageButtonText: "Next",
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageButtonText("Next").Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageButtonText = "Next";

• Set the custom font for the Skip Page button's text:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageButtonTextFont = UIFont.italicSystemFont(ofSize: 14)

[RGLDocReader shared].customization.multipageButtonTextFont = [UIFont italicSystemFontOfSize:14];

Typeface typeface = Typeface.create("serif", Typeface.ITALIC);
DocumentReader.Instance().customization().edit().setMultipageButtonTextFont(typeface).apply();

Typeface typeface = Typeface.create("serif", Typeface.ITALIC);
DocumentReader.Instance().customization().edit().setMultipageButtonTextFont(typeface).apply();

 DocumentReader.instance.customization.multipageButtonTextFont = Font(
      "sans-serif-thin",
      size: 14,
      style: FontStyle.ITALIC,
    );

DocumentReader.setCustomization({
      multipageButtonTextFont: {
        name: "sans-serif-thin",
        size: 14,
        style: Enum.FontStyle.ITALIC,
      },
    }, _ => { }, _ => { });

DocumentReader.setCustomization({
    multipageButtonTextFont: {
        name: "sans-serif-thin",
        size: 14,
        style: Enum.FontStyle.ITALIC,
    },
});

DocumentReader.setCustomization({
    multipageButtonTextFont: {
        name: "sans-serif-thin",
        size: 14,
        style: Enum.FontStyle.ITALIC,
    },
}, function (m) { }, function (e) { });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageButtonTextFont(Typeface.Serif).Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageButtonTextFont = UIFont.PreferredBody.WithSize(14);

• Set the custom size for the Skip Page button's font:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageButtonTextSize = 24

[RGLDocReader shared].functionality.multipageButtonTextSize = 24;

DocumentReader.Instance().customization().edit().setMultipageButtonTextSize(24).apply()

DocumentReader.Instance().customization().edit().setMultipageButtonTextSize(24).apply();

DocumentReader.instance.customization.multipageButtonTextFont = Font(
      "sans-serif-thin",
      size: 14,
      style: FontStyle.ITALIC,
);

DocumentReader.setCustomization({
      multipageButtonTextFont: {
        name: "sans-serif-thin",
        size: 14,
        style: Enum.FontStyle.ITALIC,
      },
}, _ => { }, _ => { });

DocumentReader.setCustomization({
    multipageButtonTextFont: {
        name: "sans-serif-thin",
        size: 14,
        style: Enum.FontStyle.ITALIC,
    },
});

DocumentReader.setCustomization({
    multipageButtonTextFont: {
        name: "sans-serif-thin",
        size: 14,
        style: Enum.FontStyle.ITALIC,
    },
}, function (m) { }, function (e) { });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageButtonTextSize((Java.Lang.Integer)24).Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageButtonTextSize = 24;

• Set the custom color for the Skip Page button's text:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageButtonTextColor = UIColor.green

[RGLDocReader shared].functionality.multipageButtonTextColor = [UIColor greenColor];

DocumentReader.Instance().customization().edit().setMultipageButtonTextColor("#32a852").apply()

DocumentReader.Instance().customization().edit().setMultipageButtonTextColor("#32a852").apply();

DocumentReader.instance.customization.multipageButtonTextColor = Colors.green;

DocumentReader.setCustomization({
    multipageButtonTextColor: 0xff00ff00,
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageButtonTextColor: 0xff00ff00
});

DocumentReader.setCustomization({
    multipageButtonTextColor: 0xff00ff00,
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageButtonTextColor("#32a852").Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageButtonTextColor = UIColor.Green;

---

Current UI (ver 8.1+)Deprecated UI (pre 8.1)

• Turn on/off the expecting page turn animation:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.showNextPageAnimation = true

[RGLDocReader shared].customization.showNextPageAnimation = YES;

DocumentReader.Instance().customization().edit().setShowNextPageAnimation(true).apply()

DocumentReader.Instance().customization().edit().setShowNextPageAnimation(true).apply();

DocumentReader.instance.customization.showNextPageAnimation = true;

DocumentReader.setCustomization({
    showNextPageAnimation: true,
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    showNextPageAnimation: true
});

DocumentReader.setCustomization({
    showNextPageAnimation: true,
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetShowNextPageAnimation(true).Apply();

// iOS
RGLDocReader.Shared.Customization.ShowNextPageAnimation = true;

• You can set a front image for the multipage animation. If not set, the default image is used:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageAnimationFrontImage = UIImage(named: "icon")

[RGLDocReader shared].customization.multipageAnimationFrontImage = [UIImage imageNamed:@"icon"];

DocumentReader.Instance().customization().edit().setMultipageAnimationFrontImage(getDrawable(R.drawable.icon)).apply()

DocumentReader.Instance().customization().edit().setMultipageAnimationFrontImage(getResources().getDrawable(R.drawable.icon)).apply();

DocumentReader.instance.customization.multipageAnimationFrontImage = await rootBundle.load("icon");

DocumentReader.setCustomization({
    multipageAnimationFrontImage: "Base64String",
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageAnimationFrontImage: "Base64String"
});

DocumentReader.setCustomization({
    multipageAnimationFrontImage: "Base64String",
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageAnimationFrontImage(GetDrawable(Resource.Drawable.icon)).Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageAnimationFrontImage = UIImage.FromBundle("icon.png");

• To change the scaling of the front image of the multipage animation, use:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageAnimationFrontImageContentMode = UIView.ContentMode.scaleAspectFit

[RGLDocReader shared].customization.multipageAnimationFrontImageContentMode = UIViewContentModeScaleAspectFit;

DocumentReader.Instance().customization().edit().setMultipageAnimationFrontImageScaleType(ImageView.ScaleType.MATRIX).apply()
val matrix = Matrix()
DocumentReader.Instance().customization().edit().setMultipageAnimationFrontImageMatrix(matrix).apply()

DocumentReader.Instance().customization().edit().setMultipageAnimationFrontImageScaleType(ImageView.ScaleType.MATRIX).apply();
Matrix matrix = new Matrix();
DocumentReader.Instance().customization().edit().setMultipageAnimationFrontImageMatrix(matrix).apply();

DocumentReader.instance.customization.multipageAnimationFrontImageTransformsIOS =ViewContentMode.SCALE_ASPECT_FIT;
DocumentReader.instance.customization.multipageAnimationFrontImageTransformsAndroid = [];

DocumentReader.setCustomization({
    multipageAnimationFrontImageContentMode: Enum.UIViewContentMode.ScaleAspectFit,
    multipageAnimationFrontImageMatrix: [],
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageAnimationFrontImageContentMode: Enum.UIViewContentMode.ScaleAspectFit,
    multipageAnimationFrontImageMatrix: []
});

DocumentReader.setCustomization({
    multipageAnimationFrontImageContentMode: Enum.UIViewContentMode.ScaleAspectFit,
    multipageAnimationFrontImageMatrix: [],
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageAnimationFrontImageScaleType(ImageView.ScaleType.Matrix).Apply();
Matrix matrix = new Matrix();
DocumentReader.Instance().Customization().Edit().SetMultipageAnimationFrontImageMatrix(matrix).Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageAnimationFrontImageContentMode = UIViewContentMode.ScaleAspectFit;

• You can set a back image for the multipage animation. If not set, the default image is used:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageAnimationBackImage = UIImage(named: "icon")

[RGLDocReader shared].customization.multipageAnimationBackImage = [UIImage imageNamed:@"icon"];

DocumentReader.Instance().customization().edit().setMultipageAnimationBackImage(getDrawable(R.drawable.icon)).apply()

DocumentReader.Instance().customization().edit().setMultipageAnimationBackImage(getResources().getDrawable(R.drawable.icon)).apply();

DocumentReader.instance.customization.multipageAnimationBackImage = await rootBundle.load("icon");

DocumentReader.setCustomization({
    multipageAnimationBackImage: "Base64String",
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageAnimationBackImage: "Base64String"
});

DocumentReader.setCustomization({
    multipageAnimationBackImage: "Base64String",
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageAnimationBackImage(GetDrawable(Resource.Drawable.icon)).Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageAnimationBackImage = UIImage.FromBundle("icon.png");

• To change the scaling of the back image of the multipage animation, use:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.multipageAnimationBackImageContentMode = UIView.ContentMode.scaleAspectFit

[RGLDocReader shared].customization.multipageAnimationBackImageContentMode = UIViewContentModeScaleAspectFit;

DocumentReader.Instance().customization().edit().setMultipageAnimationBackImageScaleType(ImageView.ScaleType.MATRIX).apply()
val matrix = Matrix()
DocumentReader.Instance().customization().edit().setMultipageAnimationBackImageMatrix(matrix).apply()

DocumentReader.Instance().customization().edit().setMultipageAnimationBackImageScaleType(ImageView.ScaleType.MATRIX).apply();
Matrix matrix = new Matrix();
DocumentReader.Instance().customization().edit().setMultipageAnimationBackImageMatrix(matrix).apply();

DocumentReader.instance.customization.multipageAnimationBackImageTransformsIOS =ViewContentMode.SCALE_ASPECT_FIT;
DocumentReader.instance.customization.multipageAnimationBackImageTransformsAndroid = [];

DocumentReader.setCustomization({
    multipageAnimationBackImageContentMode: UIViewContentMode.ScaleAspectFit,
    multipageAnimationBackImageMatrix: [],
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    multipageAnimationBackImageContentMode: Enum.UIViewContentMode.ScaleAspectFit,
    multipageAnimationBackImageMatrix: []
});

DocumentReader.setCustomization({
    multipageAnimationBackImageContentMode: DocumentReader.Enum.UIViewContentMode.ScaleAspectFit,
    multipageAnimationBackImageMatrix: [],
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetMultipageAnimationBackImageScaleType(ImageView.ScaleType.Matrix).Apply();
Matrix matrix = new Matrix();
DocumentReader.Instance().Customization().Edit().SetMultipageAnimationBackImageMatrix(matrix).Apply();

// iOS
RGLDocReader.Shared.Customization.MultipageAnimationBackImageContentMode = UIViewContentMode.ScaleAspectFit;

• You can set the delay (in seconds) before the start of the multipage animation. By default, no delay is applied:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.nextPageAnimationStartDelay = 1.5

[RGLDocReader shared].customization.nextPageAnimationStartDelay = 1.5;

DocumentReader.Instance().customization().edit().setNextPageAnimationStartDelay(1.5F).apply()

DocumentReader.Instance().customization().edit().setNextPageAnimationStartDelay(1.5F).apply();

DocumentReader.instance.customization.nextPageAnimationStartDelay = 1.5;

DocumentReader.setCustomization({
    nextPageAnimationStartDelay: 1.5
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    nextPageAnimationStartDelay: 1.5
});

DocumentReader.setCustomization({
    nextPageAnimationStartDelay: 1.5
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetNextPageAnimationStartDelay((Java.Lang.Float)1.5F).Apply();

// iOS
RGLDocReader.Shared.Customization.NextPageAnimationStartDelay = 1.5F;

• You can set the delay (in seconds) after the end of the multipage animation. By default, no delay is applied:

SwiftObjective-C Kotlin Java Flutter React Native Ionic Cordova.NET MAUI

DocReader.shared.customization.nextPageAnimationEndDelay = 1.5

[RGLDocReader shared].customization.nextPageAnimationEndDelay = 1.5;

DocumentReader.Instance().customization().edit().setNextPageAnimationEndDelay(1.5F).apply()

DocumentReader.Instance().customization().edit().setNextPageAnimationEndDelay(1.5F).apply();

DocumentReader.instance.customization.nextPageAnimationEndDelay = 1.5;

DocumentReader.setCustomization({
    nextPageAnimationEndDelay: 1.5
}, (str) => { console.log(str) }, (error) => { console.log(error) });

DocumentReader.setCustomization({
    nextPageAnimationEndDelay: 1.5
});

DocumentReader.setCustomization({
    nextPageAnimationEndDelay: 1.5
}, function (m) { }, function (e) { console.log(e); });

// Android
DocumentReader.Instance().Customization().Edit().SetNextPageAnimationEndDelay((Java.Lang.Float)1.5F).Apply();

// iOS
RGLDocReader.Shared.Customization.NextPageAnimationEndDelay = 1.5F;

Next Steps

• Integration with Web API
• Optimize Your Application
• API Reference
• FAQ