Posts Tagged ‘Image Control’

[Quick Tip] Canvas App | Make circular profile picture

Its a common requirement to add an Image control to Canvas and display logged-in user’s profile image using User().Image formula, as shown below.

If you run the App, you will get the ‘Image’ in a square dimensions.

Tip to make image in circular dimensions:

To make the Image in a circular dimensions, here is the tip. Set the ‘Border Radius’ as half of the Width.

For example, if the Width of the ‘Image’ control is 75, set the ‘Border Radius’ as 75%2 (i.e., 37.5).

Play the App and you should see the image in circular dimensions.