Notifications
Clear all

[Closed] user profile edit page - forgetting to press save

2 Posts
2 Users
0 Reactions
583 Views
Posts: 14
Topic starter
(@raphaelos)
Eminent Member
Joined: 2 years ago

Hi Friends,

 

We ran into a UX issue and wonder if there is something you can do/add to the code?

We are registering new users to the forums, and many want to change their images.

However - after they upload their images, there is no save button right beneath, and many miss the save button at the end of the page.

The result is that we have complain from users who didn't save their new images.

Is there something you can do about it? perhaps a little JS that will detect an unsaved change and prompt the user before he moves to a different page?

 

Thanks in advance

Raphael

Topic Tags
1 Reply
Chris
Posts: 3627
(@chris)
Famed Member
Joined: 3 years ago

Hi @raphaelos

You can use this CSS Code to move the Button to the needed part of the screen, and as it is in a fixed part of the viewport, the user would always see it:

#wpforo #wpforo-wrap .wpf-field.wpf-field-type-submit {
    position: fixed;
    bottom: 0%;
    right: 0%;
}

manage the place with changing the x% of bottom and right properties.