rrushton Posted February 19, 2019 Report Share Posted February 19, 2019 In my application, each user has a profile which they can access / edit. Their placeholder profile image is an avatar and then they can edit/add a profile picture. Their profile image will appear in various places/pages on the app including the header menu, notes, and in their profile page. Query: I would like their picture to be automatically formatted to center, be circular in shape and add a border. I submitted a support ticket and the Caspio support agent pointed me to the forums for solutions. Many thanks. Quote Link to comment Share on other sites More sharing options...
Kurumi Posted March 25, 2019 Report Share Posted March 25, 2019 Hi @rrushton, If you want it to be saved in the table, I think it wouldn't automatically be formatted to circular in shape and with a border. However, if you want it to be displayed in circular shape and with border, you could try this: Insert an HTML Block and unchecked the "Enabled HTML editor" Insert this code: <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img { border-radius: 50%; border:10px solid black; } </style> </head> <body> <h2>Rounded Images</h2> <img src="[@field:File_name/]" style="width:200px"> </body> </html> Here is the output: I hope this helps! Quote Link to comment Share on other sites More sharing options...
rrushton Posted April 6, 2019 Author Report Share Posted April 6, 2019 Perfect MeeKee. Thank you so much! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.