Image wont fill element completely

Need help
1

Screenshot 2025-03-08 at 13.30.48
Screenshot 2025-03-08 at 13.30.481152×1206 63.4 KB

Hi

Im using picture uploader but when a user uploads an image its doesnt fill the who element completly. Ive tried various image type and cant get it to fill the the whole space. Not sure what im doing wrong.

Thanks

2

It’s a quirk of the picture uploader. You can control how an image element looks, but you can’t control the picture uploader in the same way. If you want to have a better experience without using a plugin, here’s what you can do:

  1. Create a parent group which contains inside of it a picture uploader, an image element and a button or icon.
  2. Make the image (data source: Current user’s avatar) visible by default and the uploader invisible by default
  3. When the icon or button is clicked, hide the image and show the picture uploader (it’s best practice to use states and conditionals for this).
  4. Allow the user to upload a new picture
  5. When the picture is uploaded hide the uploader and make the image visible again.

Best wishes and good luck

3

Thank you for replying to your your help, appreciate it. Will give it a go.

4

You’re welcome:)