Skip to content

Finish Screen

The finish screen appears once the document processing is complete. It displays the result of the process, which can either be a success or an error. The screen includes an icon that visually represents the outcome, along with a corresponding message that provides details about the result. The success message indicates that the document was processed correctly, while the error message informs the user of any issues.

To customize the appearance, use the part attribute and define the desired CSS properties. For example:

document-reader::part(foo) {
    /* Styles to apply to the `foo` part */
}

Finish Screen for the successful image capture and data processing, with elements highlighted

Finish Screen for the image capture and data processing failed with timeout, with elements highlighted

Part element Description
info-container Container that holds all the elements of the finish screen.
container-close-button Button to close the finish screen.
info-text-container Container that holds the image and text message.
info-title Text message that displays the processing result, indicating success or error.
info-try-again-button Button that allows the user to retry document processing in case of errors.

Next Steps