Customization Guide

Customization of the Views is provided mostly via overriding of app resources: dimensions, strings, colors, texts, etc. Onboarding can also be customized to show your own pages, each consisting of an image and a short text.

Onboarding Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_onboarding.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshot.

2. Next Button

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_fab_next.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Color

    Via the color resources named gc_onboarding_fab and gc_onboarding_fab_pressed. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

3. Page Indicators

  • Active

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_indicator_active.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Inactive

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_indicator_inactive.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

4. Onboarding Message

  • Color

    Via the color resource named gc_onboarding_message.

  • Text Style

    Via overriding the style named GiniCaptureTheme.Onboarding.Message.TextStyle (with parent style Root.GiniCaptureTheme.Onboarding.Message.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Onboarding.Message.TextStyle (with parent style Root.GiniCaptureTheme.Onboarding.Message.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

5. Onboarding Pages

  • Default Pages

    • Phone

      • First Page

        • Image

          Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_flat.png. Or via a vector drawable added to the drawable-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_flat.

      • Second Page

        • Image

          Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_parallel.png. Or via a vector drawable added to the drawable-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_parallel.

      • Third Page

        • Image

          Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_align.png. Or via a vector drawable added to the drawable-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_align.

      • Fourth Page

        Visible only if the multi-page feature has been enabled.

        • Image

          Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_multipage.png. Or via a vector drawable added to the drawable-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_multipage.

      Back to screenshot.

    • Tablet

      • First Page

        • Image

          Via images for sw600dp-mdpi, sw600dp-hdpi, sw600dp-xhdpi, sw600dp-xxhdpi, sw600dp-xxxhdpi named gc_onboarding_lighting.png. Or via a vector drawable added to the drawable-sw600dp-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_ligthing.

      • Second Page

        • Image

          Via images for sw600dp-mdpi, sw600dp-hdpi, sw600dp-xhdpi, sw600dp-xxhdpi, sw600dp-xxxhdpi named gc_onboarding_flat.png. Or via a vector drawable added to the drawable-sw600dp-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_flat.

      • Third Page

        • Image

          Via images for sw600dp-mdpi, sw600dp-hdpi, sw600dp-xhdpi, sw600dp-xxhdpi, sw600dp-xxxhdpi named gc_onboarding_parallel.png. Or via a vector drawable added to the drawable-sw600dp-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_parallel.

      • Fourth Page

        • Image

          Via images for sw600dp-mdpi, sw600dp-hdpi, sw600dp-xhdpi, sw600dp-xxhdpi, sw600dp-xxxhdpi named gc_onboarding_align.png. Or via a vector drawable added to the drawable-sw600dp-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_align.

      • Fifth Page

        Visible only if the multi-page feature has been enabled.

        • Image

          Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_onboarding_multipage.png. Or via a vector drawable added to the drawable-anydpi resource folder.

        • Text

          Via the string resource named gc_onboarding_multipage.

      Back to screenshot.

  • Custom Pages

    You can change the number of displayed pages and their content (image and short text) by setting an ArrayList containing OnboardingPage objects when building a GiniCapture instance with setCustomOnboardingPages().

    If you don’t use GiniCapture yet you can also provide the list using the extra CameraActivity.EXTRA_IN_ONBOARDING_PAGES for the Screen API and OnboardingFragmentCompat.createInstance(ArrayList<OnboardingPage>) for the Component API.

    Back to screenshot.

  • Background

    • Color

      Via the color resource named gc_background. Note: this color resource is global to all Activities.

    • Transparency

      Via the string resource named gc_onboarding_page_fragment_background_alpha which must contain a real number between [0,1].

    Back to screenshot.

Camera Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_camera.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshots.

2. Document Corner Guides

  • Color

    Via the color resource named gc_camera_preview_corners.

Back to screenshots.

3. Camera Trigger Button

  • Normal

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_camera_trigger_default.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Pressed

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_camera_trigger_pressed.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshots.

4. Tap to Focus Indicator

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_camera_focus_indicator.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshots.

5. Help Menu Item

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_help_icon.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Title

    Via the string resource named gc_show_onboarding.

Back to screenshots.

6. Background

  • Color

    Via the color resource named gc_background. Note: this color resource is global to all Activities.

Back to screenshots.

7. Document Import Button

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_document_import_icon.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Subtitle

    • Text

      Via the string resource named gc_camera_document_import_subtitle.

    • Text Style

      Via overriding the style named GiniCaptureTheme.Camera.DocumentImportSubtitle.TextStyle (with parent style Root.GiniCaptureTheme.Camera.DocumentImportSubtitle.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.DocumentImportSubtitle.TextStyle (with parent style Root.GiniCaptureTheme.Camera.DocumentImportSubtitle.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshots.

8. Hints

8.1 Document Import Hint

  • Background Color

    Via the color resource named gc_document_import_hint_background.

  • Close Icon Color

    Via the color resource name gc_hint_close.

  • Message

    • Text

      Via the string resource named gc_document_import_hint_text.

    • Text Style

      Via overriding the style named GiniCaptureTheme.Camera.DocumentImportHint.TextStyle (with parent style Root.GiniCaptureTheme.Camera.DocumentImportHint.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.DocumentImportHint.TextStyle (with parent style Root.GiniCaptureTheme.Camera.DocumentImportHint.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

8.2 QR Code Scanner Hint

  • Background Color

    Via the color resource named gc_document_import_hint_background.

  • Close Icon Color

    Via the color resource name gc_hint_close.

  • Message

    • Text

      Via the string resource named gc_qr_code_scanner_hint_text.

    • Text Style

      Via overriding the style named GiniCaptureTheme.Camera.DocumentImportHint.TextStyle (with parent style Root.GiniCaptureTheme.Camera.DocumentImportHint.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.DocumentImportHint.TextStyle (with parent style Root.GiniCaptureTheme.Camera.DocumentImportHint.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshots.

9. Images Stack

  • Badge

    • Text Style

      Via overriding the style named GiniCaptureTheme.Camera.ImageStackBadge.TextStyle (with parent style Root.GiniCaptureTheme.Camera.ImageStackBadge.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.ImageStackBadge.TextStyle (with parent style Root.GiniCaptureTheme.Camera.ImageStackBadge.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

    • Background Color

      Via the color resources named gc_camera_image_stack_badge_background and gc_camera_image_stack_badge_background_border.

    • Background Size

      Via the dimension resource named gc_camera_image_stack_badge_size.

  • Subtitle

    • Text

      Via the string resource named gc_camera_image_stack_subtitle.

    • Text Style

      Via overriding the style named GiniCaptureTheme.Camera.ImageStackSubtitle.TextStyle (with parent style Root.GiniCaptureTheme.Camera.ImageStackSubtitle.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.ImageStackSubtitle.TextStyle (with parent style Root.GiniCaptureTheme.Camera.ImageStackSubtitle.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshots.

10. QRCode Detected Popup

  • Background Color

    • Payable QRCode

      Via the color resource named gc_qrcode_detected_popup_background.

    • Unsupported QRCode

      Via the color resource named gc_unsupported_qrcode_detected_popup_background.

  • Message

    • Text

    • Payable QRCode

      Via the string resources named gc_qrcode_detected_popup_message_1 and gc_qrcode_detected_popup_message_2.

    • Unsupported QRCode

      Via the string resources named gc_unsupported_qrcode_detected_popup_message_1 and gc_unsupported_qrcode_detected_popup_message_2.

    • Text Style

    • Payable QRCode

      Via overriding the styles named GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message1.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message1.TextStyle) and GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message2.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message2.TextStyle).

    • Unsupported QRCode

      Via overriding the styles named GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage1.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage1.TextStyle) and GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage2.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage2.TextStyle).

    • Font

    • Payable QRCode

      Via overriding the styles named GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message1.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message1.TextStyle) and GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message2.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.Message2.TextStyle). and setting an item named gvCustomFont with the path to the font file in your assets folder.

    • Unsupported QRCode

      Via overriding the styles named GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage1.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage1.TextStyle) and GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage2.TextStyle (with parent style Root.GiniCaptureTheme.Camera.QRCodeDetectedPopup.UnsupportedMessage2.TextStyle). and setting an item named gvCustomFont with the path to the font file in your assets folder.

Back to screenshots.

11. Read Storage Permission Dialogs

  • Permission Rationale Dialog

    • Message

      Via the string resource named gc_storage_permission_rationale.

    • Positive Button Text

      Via the string resource named gc_storage_permission_rationale_positive_button.

    • Negative Button Text

      Via the string resource named gc_storage_permission_rationale_negative_button.

    • Button Color

      Via the color resource named gc_accent. Note: this color resource is global.

  • Permission Denied Dialog

    • Message

      Via the string resource named gc_storage_permission_denied.

    • Positive Button Text

      Via the string resource named gc_storage_permission_denied_positive_button.

    • Negative Button Text

      Via the string resource named gc_storage_permission_denied_negative_button.

    • Button Color

      Via the color resource named gc_accent. Note: this color resource is global.

Back to screenshots.

12. No Camera Permission

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_no_camera.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Message

    • Text

      Via the string resource named gc_camera_error_no_permission.

    • Text Style

    Via overriding the style named GiniCaptureTheme.Camera.Error.NoPermission.TextStyle (with parent style Root.GiniCaptureTheme.Camera.Error.NoPermission.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.Error.NoPermission.TextStyle (with parent style Root.GiniCaptureTheme.Camera.Error.NoPermission.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Button

    • Title

      Via the string resource named gc_camera_error_no_permission_button_title.

    • Text Style

      Via overriding the style named GiniCaptureTheme.Camera.Error.NoPermission.Button.TextStyle (with parent style Root.GiniCaptureTheme.Camera.Error.NoPermission.Button.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Camera.Error.NoPermission.Button.TextStyle (with parent style Root.GiniCaptureTheme.Camera.Error.NoPermission.Button.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshots.

13. Multi-Page Limit Alert

  • Message

    Via the string resource named gc_document_error_too_many_pages.

  • Positive Button Text

Via the string resource named gc_document_error_multi_page_limit_review_pages_button.

  • Negative Button Text

Via the string resource named gc_document_error_multi_page_limit_cancel_button.

  • Button Color

Via the color resource named gc_accent. Note: this color resource is global.

Back to screenshots.

14. Flash Toggle Button

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_camera_flash_on.png and gc_camera_flash_off.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshots.

Review Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_review.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshot.

2. Next Button

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_review_fab_next.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Color

    Via the color resources named gc_review_fab and gc_review_fab_pressed.

Back to screenshot.

3. Rotate Button

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_review_button_rotate.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Color

    Via the color resources named gc_review_fab_mini and gc_review_fab_mini_pressed.

Back to screenshot.

4. Advice

  • Text

    Via the string resource named gc_review_bottom_panel_text.

  • Text Style

    Via overriding the style named GiniCaptureTheme.Review.BottomPanel.TextStyle (with parent style Root.GiniCaptureTheme.Review.BottomPanel.TextStyle).

    • Font

    Via overriding the style named GiniCaptureTheme.Review.BottomPanel.TextStyle (with parent style Root.GiniCaptureTheme.Review.BottomPanel.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Background Color

    Via the color resource named gc_review_bottom_panel_background.

Back to screenshot.

5. Background

  • Color

    Via the color resource named gc_background. Note: this color resource is global to all Activities.

Back to screenshot.

Analysis Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshots.

2. Activity Indicator

  • Color

    Via the color resource named gc_analysis_activity_indicator.

  • Message

    • Text

      Via the string resource named gc_analysis_activity_indicator_message.

    • Text Style

      Via overriding the style named GiniCaptureTheme.Analysis.AnalysingMessage.TextStyle (with parent style Root.GiniCaptureTheme.Analysis.AnalysingMessage.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Analysis.AnalysingMessage.TextStyle (with parent style Root.GiniCaptureTheme.Analysis.AnalysingMessage.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshots.

3. PDF Info Panel

  • Background Color

    Via the color resource named gc_analysis_pdf_info_background.

  • Filename

    • Text Style

      Via overriding the style named GiniCaptureTheme.Analysis.PdfFilename.TextStyle (with parent style Root.GiniCaptureTheme.Analysis.PdfFilename.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Analysis.PdfFilename.TextStyle (with parent style Root.GiniCaptureTheme.Analysis.PdfFilename.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Page Count

    • Text Style

      Via overriding the style named GiniCaptureTheme.Analysis.PdfPageCount.TextStyle (with parent style Root.GiniCaptureTheme.Analysis.PdfPageCount.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Analysis.PdfPageCount.TextStyle (with parent style Root.GiniCaptureTheme.Analysis.PdfPageCount.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

    Back to screenshots.

4. Error Snackbar

  • Message

    • Text Style

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Button

    • Text Style

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.Button.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.Button.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.Button.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.Button.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

    • Retry Button Text

      Via the string resource named gc_document_analysis_error_retry.

  • Background Color

    Via the color resource named gc_snackbar_error_background.

Back to screenshots.

5. Background

  • Color

    Via the color resource named gc_background. Note: this color resource is global to all Activities.

Back to screenshots.

Multi-Page Review Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_multi_page_review.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshots.

2. Page Indicators

  • Text Style

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.PageIndicator.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.PageIndicator.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.PageIndicator.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.PageIndicator.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Background Color

    Via the color resource named gc_multi_page_review_page_indicator_background.

Back to screenshots.

3. Next Button

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_review_fab_checkmark.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Color

    Via the color resources named gc_review_fab and gc_review_fab_pressed.

Back to screenshots.

4. Thumbnails Panel

  • Background Color

    Via the color resource named gc_multi_page_review_thumbnails_panel_background.

Back to screenshots.

5. Thumbnail Card

  • Background Color

    Via the color resource named gc_multi_page_review_thumbnail_card_background.

Back to screenshots.

5.1 Badge

  • Text Style

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.ThumbnailBadge.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.ThumbnailBadge.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.ThumbnailBadge.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.ThumbnailBadge.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Background Border Color

    Via the color resource named gc_multi_page_thumbnail_badge_background_border.

Back to screenshots.

5.2 Drag Indicator Bumps

  • Icon
Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_bumps_icon.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshots.

5.3 Highlight Strip

  • Color

    Via the color resource named gc_multi_page_thumbnail_highlight_strip.

Back to screenshots.

5.4 Activity Indicator

  • Color
Via the color resource named gc_analysis_activity_indicator.

Back to screenshots.

5.5 Upload Success Icon

  • Background Color

    Via the color resource named gc_multi_page_thumbnail_upload_success_icon_background.

  • Tick Color

    Via the color resource named gc_multi_page_thumbnail_upload_success_icon_foreground.

Back to screenshots.

5.6 Upload Failure Icon

  • Background Color

    Via the color resource named gc_multi_page_thumbnail_upload_failure_icon_background.

  • Cross Color

    Via the color resource named gc_multi_page_thumbnail_upload_failure_icon_foreground.

Back to screenshots.

6. Add Pages Card

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_multi_page_add_page_icon.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Subtitle

    • Text

      Via the string resource named gc_multi_page_review_add_pages_subtitle.

    • Text Style

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.AddPagesSubtitle.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.AddPagesSubtitle.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Review.MultiPage.AddPagesSubtitle.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.AddPagesSubtitle.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

    Back to screenshots.

7. Reorder Pages Tip

  • Text

    Via the string resource named gc_multi_page_review_reorder_pages_tip.

  • Text Style

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.ReorderPagesTip.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.ReorderPagesTip.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Review.MultiPage.ReorderPagesTip.TextStyle (with parent style Root.GiniCaptureTheme.Review.MultiPage.ReorderPagesTip.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshots.

8. Bottom Toolbar

  • Rotate Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_rotate_icon.png. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Delete Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_delete_icon.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshots.

9. Image Error

  • Background Color

    Via the color resource named gc_snackbar_error_background.

  • Message

    • Text Style

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Button

    • Text Style

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.Button.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.Button.TextStyle).

    • Font

      Via overriding the style named GiniCaptureTheme.Snackbar.Error.Button.TextStyle (with parent style Root.GiniCaptureTheme.Snackbar.Error.Button.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

    • Retry Text (Analysis)

      Via the string resource named gc_document_analysis_error_retry.

    • Delete Text (Imported Image)

      Via the string resource named gc_multi_page_review_delete_invalid_document.

Back to screenshots.

10. Imported Image Delete Last Page Dialog

  • Message

    Via the string resource named gc_multi_page_review_file_import_delete_last_page_dialog_message.

  • Positive Button Title

    Via the string resource named gc_multi_page_review_file_import_delete_last_page_dialog_positive_button.

  • Negative Button Title

    Via the string resource named gc_multi_page_review_file_import_delete_last_page_dialog_negative_button.

  • Button Color

    Via the color resource named gc_accent.

Back to screenshots.

Help Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_help.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshot.

2. Background

  • Color

    Via the color resource named gc_help_activity_background.

Back to screenshot.

3. Help List Item

  • Background Color

    Via the color resource name gc_help_item_background.

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.Item.TextStyle (with parent style Root.GiniCaptureTheme.Help.Item.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.Item.TextStyle (with parent style Root.GiniCaptureTheme.Help.Item.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

Photo Tips Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_photo_tips.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshot.

2. Background

  • Color

    Via the color resource named gc_photo_tips_activity_background.

Back to screenshot.

4. Tip

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.PhotoTips.Tip.TextStyle (with parent style Root.GiniCaptureTheme.Help.PhotoTips.Tip.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.PhotoTips.Tip.TextStyle (with parent style Root.GiniCaptureTheme.Help.PhotoTips.Tip.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

4.1 Good Lighting

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_photo_tip_lighting.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

4.2 Document Should be Flat

  • Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_photo_tip_flat.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

4.3 Device Parallel to Document

  • Icon

    Via images for mdpi, hdpi, xhdpi,xxhdpi, xxxhdpi named gc_photo_tip_parallel.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

4.4 Document Aligned with Corner Guides

  • Icon

    Via images for mdpi, hdpi, xhdpi,xxhdpi, xxxhdpi named gc_photo_tip_align.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

4.5 Document with Multiple Pages

  • Icon

    Via images for mdpi, hdpi, xhdpi,xxhdpi, xxxhdpi named gc_photo_tip_multipage.png. Or via a vector drawable added to the drawable-anydpi resource folder.

Back to screenshot.

5. Back To Camera Button

  • Button Style

    Via overriding the style named GiniCaptureTheme.Button (with parent style Root.GiniCaptureTheme.Button).

  • Background Color

    Via the color resource named gc_photo_tips_button.

  • Text Color

    Via the color resource named gc_photo_tips_button_text.

Back to screenshot.

Supported Formats Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_supported_formats.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshot.

2. Background

  • Color

    Via the color resource named gc_supported_formats_activity_background.

Back to screenshot.

3. Header

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.SupportedFormats.Item.Header.TextStyle (with parent style Root.GiniCaptureTheme.Help.SupportedFormats.Item.Header.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.SupportedFormats.Item.Header.TextStyle (with parent style Root.GiniCaptureTheme.Help.SupportedFormats.Item.Header.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

4. Format Info List Item

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.SupportedFormats.Item.TextStyle (with parent style Root.GiniCaptureTheme.Help.SupportedFormats.Item.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.SupportedFormats.Item.TextStyle (with parent style Root.GiniCaptureTheme.Help.SupportedFormats.Item.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

  • Background Color

    Via overriding the style named gc_supported_formats_item_background.

Back to screenshot.

4.1 Supported Format Icon

  • Background Color

    Via the color resource named gc_supported_formats_item_supported_icon_background.

  • Tick Color

    Via the color resource named gc_supported_formats_item_supported_icon_foreground.

Back to screenshot.

4.2 Unsupported Format Icon

  • Background Color

    Via the color resource named gc_supported_formats_item_unsupported_icon_background.

  • Cross Color

    Via the color resource named gc_supported_formats_item_unsupported_icon_foreground.

Back to screenshot.

File Import Screen

1. Action Bar

All Action Bar customizations except the title are global to all Activities.

  • Title

    Via the string resource named gc_title_file_import.

  • Title Color

    Via the color resource named gc_action_bar_title.

  • Back Button Icon

    Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_action_bar_back. Or via a vector drawable added to the drawable-anydpi resource folder.

  • Background Color

    Via the color resource named gc_action_bar.

  • Status Bar Background Color

    Via the color resource named gc_status_bar.

    If you use a light background color, then you should set the gc_light_status_bar boolean resource to true. This will cause the status bar contents to be drawn with a dark color.

Back to screenshot.

2. Background

  • Color

    Via the color resource named gc_file_import_activity_background.

Back to screenshot.

3. Header

  • Text

    Via overriding the string resource named gc_file_import_header.

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.FileImport.Header.TextStyle (with parent style Root.GiniCaptureTheme.Help.FileImport.Header.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.FileImport.Header.TextStyle (with parent style Root.GiniCaptureTheme.Help.FileImport.Header.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

4. Separator Line

  • Color

    Via the color resource named gc_file_import_separator.

Back to screenshot.

5. Section

5.1 Number

  • Background Color

    Via the color resource named gc_file_import_section_number_background.

  • Text Color

    Via the color resource named gc_file_import_section_number.

Back to screenshot.

5.2 Title

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.FileImport.Section.Title.TextStyle (with parent style Root.GiniCaptureTheme.Help.FileImport.Section.Title.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.FileImport.Section.Title.TextStyle (with parent style Root.GiniCaptureTheme.Help.FileImport.Section.Title.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

5.3 Body

  • Text Style

    Via overriding the style named GiniCaptureTheme.Help.FileImport.Section.Body.TextStyle (with parent style Root.GiniCaptureTheme.Help.FileImport.Section.Body.TextStyle).

  • Font

    Via overriding the style named GiniCaptureTheme.Help.FileImport.Section.Body.TextStyle (with parent style Root.GiniCaptureTheme.Help.FileImport.Section.Body.TextStyle) and setting an item named gcCustomFont with the path to the font file in your assets folder.

Back to screenshot.

5.4 Illustration

  • Image

    Via image resources as specified in the section illustrations below.

Back to screenshot.

6. Sections

  • Section 1

    • Title

      Via overriding the string resource named gc_file_import_section_1_title.

    • Body

      Via overriding the string resource named gc_file_import_section_1_body.

    • Illustration

      Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_file_import_section_1_illustration. Or via a vector drawable added to the drawable-anydpi resource folder.

      Note: For creating your custom illustration you may use this template from the Gini Vision Library UI Assets repository.

  • Section 2

    • Title

      Via overriding the string resource named gc_file_import_section_2_title.

    • Body

      Via overriding the string resource named gc_file_import_section_2_body.

    • Illustration

      Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_file_import_section_2_illustration. Or via a vector drawable added to the drawable-anydpi resource folder.

      Note: For creating your custom illustration you may use this template from the Gini Vision Library UI Assets repository.

  • Section 3

    • Title

      Via overriding the string resource named gc_file_import_section_3_title.

    • Body

      Via overriding the string resource named gc_file_import_section_3_body and gc_file_import_section_3_body_2.

    • Illustration

      Via images for mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi named gc_file_import_section_3_illustration. Or via a vector drawable added to the drawable-anydpi resource folder.

      Note: For creating your custom illustration you may use this template from the Gini Vision Library UI Assets repository.

    • Clear app defaults section

      • Title

      Via overriding the string resource named gc_file_import_section_3_clear_app_defaults_title.

      • Body

      Via overriding the string resource named gc_file_import_section_3_clear_app_defaults_body.

Back to screenshot.

Clear Defaults Dialog

1. Message

Via the string resource named gc_file_import_default_app_dialog_message.

1.1 File Type

  • PDF

    Via the string resources named gc_file_import_default_app_dialog_pdf_file_type.

  • Image

    Via the string resources named gc_file_import_default_app_dialog_image_file_type.

  • Document (Other)

    Via the string resources named gc_file_import_default_app_dialog_document_file_type.

2. Positive Button Title

Via the string resources named gc_file_import_default_app_dialog_positive_button.

3. Negative Button Title

Via the string resources named gc_file_import_default_app_dialog_negative_button.

Back to screenshot.