I am developing an "account edit" page where the user is able to edit a number of personal identification fields (e.g. name, affiliation, address etc.). The presentation is quite straightforward with vertical aligned labels and text input fields for the various fields. There's a "save" button at the bottom (which becomes enabled when the user modifies a field) and a "logout" button at the top.
So far so good.
I was asked to support an optional Curriculum Vitae (CV) field which would enable users to upload a single PDF file.
The user should be able to:
- upload a file (possible overwriting the existing one)
- delete the currently uploaded CV (in case they no longer wish to have a CV on their profile page)
I am having trouble deciding what is the cleanest and most intuitive way to support the deletion of the current CV (in case one is in fact uploaded).
I was thinking of having in the following order:
- a text description of the uploaded file (if any) labeled "CV"
- a checkbox labeled "delete uploaded file"
inputelement of type
filelabeled "upload new"
The checkbox would be made visible or enabled only if a CV file has is in fact been uploaded to the server. It would also be automatically deselected when the user chooses a file to upload from the file dialog. This is to avoid confusing users who have selected a new file to upload and are wondering whether they should also delete the currently uploaded file (they shouldn't as it is automatically overwritten with the new file).
Can this be improved or is there some other more intuitive arrangement?