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 */
}
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. |