What could be the best UI desing if we need to provide a user a single UI where user can view the document uploaded at the backend and fill the form by viewing the details available in the documents.

Also, how to highlight if some fields are already verified, failed or on hold status at every field level and provide the summary view.


  • Survey Form
  • Document view
  • field level status
  • list of pending actions

Basic Wireframe:

enter image description here

  • 2
    There is too much going in this question. Can you separate the document question from the highlight question? Also there is much more detail needed in order to get a reasonable answer. What ideas, sketches, wireframes do you already have, can you add them to the question? It's better to ask a question in form of a problem that needs to be solved instead of hoping for answers that will define a possible problem and solution for you.
    – jazZRo
    May 15, 2020 at 7:36
  • 2
    @jazZRo: Uploaded the basic wireframe. May 15, 2020 at 8:09

1 Answer 1


we can try this. Initially Layout will be same as yours.

enter image description here

When user clicks on view document, related document will slide in from right edge. Side navbar will slide out to generate more space for document. when user click on close document, document will slide out and side navbar will slide in.

enter image description here

Refer this for more page-slide-stay-on-the-page-pattern

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.