cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Tapesh
Post Prodigy
Post Prodigy

Responsive Image

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 markDisplay.png

 

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

 

1 ACCEPTED SOLUTION

Accepted Solutions

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. 😊🙌

View solution in original post

4 REPLIES 4
mdevaney
Super User
Super User

@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." 

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 Display.png

@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." 

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. 😊🙌

Helpful resources

Announcements
October Events

Mark Your Calendars

So many events that are happening this month - don't miss out!

Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Users online (3,658)