Image background not scaling like in the iOS tutorial

jason42 · October 15, 2022, 3:14pm

Hi all,

I’m following the tutorial and have downloaded the images etc. I know the version I’m using is newer, so things are slightly different. I have adjusted background image to “scale to fit” but doesn’t turn out how it does in tutorial. I can change image size manually yes, but think it causes issues moving forward.

Also, if I go to change content intents, it doesn’t change anything. Please note I have only made slight changes just to show the issue:

***Ah, new user can only embed one image. Well, hopefully the issues are related.

Any ideas so I can continue moving forward?

Chris_Parker · October 15, 2022, 11:14pm

@jason42

Welcome to the community.

Are you referring to the “Background” image missing or are you referring to the Email, FB and Google images that go with the buttons?

jason42 · October 15, 2022, 11:35pm

Hi Chris,

Yeah that’s it

Chris_Parker · October 15, 2022, 11:49pm

Which? The “background” image or the button images?

jason42 · October 15, 2022, 11:57pm

Sorry, so it’ll be the background image of the button:

In the tutorial it’s slightly different - I think it was image background still however:

jason42 · October 15, 2022, 11:58pm

Tutorial image:

Chris_Parker · October 16, 2022, 12:17am

Change your Button “Type” from System to Custom.

jason42 · October 16, 2022, 12:29am

Tried that before, same result:

Removed image and readded just for clarity too.

Chris_Parker · October 16, 2022, 12:42am

Hmmm, these are the settings I have so maybe match your button to what I have and see if that works for you.

jason42 · October 16, 2022, 12:51am

This whole time it was as simple as the Style being set to default… How frustrating!

Thanks for your help.

Chris_Parker · October 16, 2022, 1:19am

That’s OK.

The other thing that you probably should do is embed the label and the 3 buttons into a StackView since that offers some streamlining in terms of the spacing of each element and it will line up each item so that they have the same width as in my version above.

It also means that you only have to apply 1 set of constraints to position the StackView and the elements embedded within it will align to the edges of the StackView.

jason42 · October 16, 2022, 10:07pm

Thanks, will give it a go. Not sure how to set it up, but maybe another YouTube tutorial video (if it goes to plan) will help.