Responsive Image

[Tapesh]

Hi All,

Im trying to create the responsive app, however i  managed to create the all needed functionalities,
but the issue im facing here is about the image, I want the image to be inside my header bar and that to the rounded one and it should change the height and width depending the screen size or ratio as the user switch to different screen size.

At current the image is Square, which i want to be rounded(Circle)

Please see the screenshot with mark

Please see the code below on all the property:

Height of Image: 

View_HeaderBar.Height

Width:

Min(App.Width)/3

X :

HeaderNameLable.X + View_ProPic.Width

Y:

View_HeaderBar.Y

RadiusBottomLeft:

RadiusBottomRight:

RadiusTopLeft:

RadiusTopRight:

View_ProPic.Height - View_ProPic.Width/3

Any suggestions on what I'm doing wrong?

Thanks For help

[mdevaney]

@Tapesh 

Do you want the profile pic to be a circle?  Put this code in each of these 4 properties:  RadiusBottomLeft, RadiusBottomRight, RadiusTopLeft, RadiusTopRight

180

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up." 

[Tapesh]

Yes, I tried but its same there is no change, 

also one more thing i want the rounded image but also the dynamic one or responsive which will adopt the size asper the screen size change. 

Please the effect after applying there is no change 

[mdevaney]

@Tapesh 

I believe you are not seeing any rounded edges because the size of your image control does not match the size of your picture.  Suggest you use a perfectly square photo and then make the Height and Width property equal to each other.  For example 100px by 100px.

Let me know if this results in a rounded image.  If not, please supply me a copy of your square photo.

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up." 

[Tapesh · Accepted solution]

Thanks @mdevaney 

I tried the solution in some different way, you said the image must be square 

i restructured my code as such 

On width : 

View_HeaderBar.Height

And X:

View_HeaderBar.Width - (HomeIcon1.Width - HeaderNameLable.Width + View_ProPic.Width  +50)

Which solved my issue.

Thanks for the help and your valuable guidance sir. 😊🙌