How to make a mini profile avatar and let the text fixed

Hi, i’m working on a site for college and i need help with 2 things in this img.

on the black circle i want the user able to see his current profile picture and the other thing is how i can let fixed the Username, like no matter how much caracters the username has, the text will never break o let space between the username and the logout text.

The black circle should just be replaced with an image and add roundness to match the width and height and it will be a circular image. Set the source of the image to Current User’s image saved in your database. For the text you can just test to see how many characters cause the text to shift and add a conditional that if the username text length is > that number then just display username truncated to that number.

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.