Some test text!

menu

Customize the viewer's theme

This tutorial only applies to Xamarin.Android.

linkCustomize the viewer's theme

The document viewer can be customized by overriding the CustomAppTheme xml style in your project. For example:

<style name="CustomAppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
    <!-- List of required attributes -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="actionMenuTextColor">@color/app_color_icon</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    <item name="actionModeBackground">?attr/colorPrimary</item>
    <item name="windowActionModeOverlay">true</item>
</style>

Note that the theme name must exactly match CustomAppTheme and extend an AppCompat theme.

Additionally if you are not using a NoActionBar theme AppCompat theme, you will need to add the additional attributes:

<style name="CustomAppTheme" parent="Theme.AppCompat.*">
    ...
    <!-- Action bar -->
    <item name="windowActionModeOverlay">true</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

linkCustomize a component

Similarly, each component in the viewer can be customized separately depending on your design requirements. To do so, the styles of each component must be referenced in CustomAppTheme. For example:

<style name="CustomAppTheme" parent="AppTheme">
    <!-- List of required attributes -->
    <item name="actionMenuTextColor">@color/app_color_icon</item>
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
    <item name="actionModeBackground">?attr/colorPrimary</item>
    <item name="windowActionModeOverlay">true</item>

    <!-- Custom annotation toolbar style (defined below) -->
    <item name="annotation_toolbar">@style/ToolbarButtonNavigationStyle</item>
</style>

<style name="CustomAnnotationToolbarStyle" parent="AnnotationToolbarStyle">
    <item name="colorToolBackground">@color/annotation_tool_background</item>
    <item name="colorToolIcon">@color/app_color_icon</item>
    <item name="colorCloseIcon">@color/app_color_icon</item>
</style>

linkCustomizable components

For a full list of component styles available, please take a look at the default styles for CustomAppTheme in styles.xml of the Tools package.

A sample that uses styles to customize the document viewer can be found on our GitHub repository.

Get the answers you need: Support

close

Free Trial

Get unlimited trial usage of PDFTron SDK to bring accurate, reliable, and fast document processing capabilities to any application or workflow.

Select a platform to get started with your free trial.

Unlimited usage. No email address required.