Currently what I have is an image element (Profile Pic) which will dynamically be populated with the image that is uploaded in the picture uploader (Profile Picture Uploader). This works fine. But then I get duplicate images because the picture uploader also features the image uploaded. In a perfect world I’d like the picture uploader to have a custom icon (image) on a white background instead of text and then when I upload an image in the picture uploader it dynamically populates the profile pic element and then the picture uploader icon (image) switches to another custom icon (image) allowing the user to still upload another image. I know I will need to add conditional rules but I just can’t seem to get the first half right.
Like this
