Littel manu on click image avatar

Need help App Organization
1

i would create a pop up menu on click in avatar image like prestashop behaviour:

avatar behaivour
avatar behaivour251×216 4.65 KB

when the user click on avatar image open a menu whith the same graphics and the action: setting menu and logout
i would the same graphics whith the little angle on top and the name of users, the log out and the setting which link to a particular page
avatar behaivour
avatar behaivour417×327 10.5 KB

2

You can use a Group Focus element that pops up after clicking the avatar.

3

very nice solutio, thx so much.
for customize the border for design the little angle in top right as the figure?

4

For that small detail you’ll have to do something a bit creative, this is just the first thing that came to my mind

  1. Make the Group Focus transparent
  2. Group together all elements inside the Group Focus
  3. For the resulting group: set a white background, set the borders
  4. Create a space between the inner group and the container Group Focus: play with container allignments, margins…
  5. Place an icon, of triangular shape there where you want it. White backgroud, with borders, same color as that of the inner group
  6. Place a shape above the bottom border of the triangle to hide that border

But first think if it’s really needed that much detail