Edit the contents and layout profile page

Hi everyone,

i am trying to make a custom profile page through plugin. I found out that i have to change the page/layouts/widgets.php . i was able to add and remove buttons from the page.But i am not sure how to approach my problem the right way.

This is what i am trying to accomplish:

1.When i click on edit profile,i don't want to load completely different page, instead i want to load the edit page on the same place where i had user details.

2.I want to accomplish the same thing with edit picture too.

If someone can tell me the steps and files to accomplish this task ,that would be great.I am sure someone has gone through this path before.

Looking forward to hear from you all.