Setting a background for your app...

Do you have any screen shot for your app? Maybe You can check out your background " container"to see whether it is well placed ? Do you have many containers in one page?

I'm just trying to get it working on page page, and then move from there.  I've got 3 containers plus the background.  Header, Log In Container and a Bottom container.  Those three are stacked.  No matter what I do with the background image (in a frame, out of a frame, etc) it looks great in Figma and in the Bravo program, but in the app, it becomes the first picture, or doesn't display at all.

Ok, maybe you can try this : make all the containers and your background iamge (Header, log in container and a bottom) in one groupe, and add the tag "container"at one groupe, make sure you have a transparent "area"in each group like header, log in and bottom.

Like this

I'm not sure whether you use Adobe XD or Figma? If you juse Figma, You don’t have to add "area" I think, just follow the tag list

I'm using Figma. :)  This is my list - I've collapsed it for the sake of tidiness!

I've tried it in a frame, with the container tag, without it, as it's own layer...

Like I said,  group all your containers including your topbar, login,background in one group [container]

I mean group all your contianers in one frame add  [container]

I tried that and just got a blank white screen.

put the image as background on the top frame. [page:login]

I either get this: 

Or this:

Where if you scroll down, you get the menu as it appears in the first picture.  I've tried every permutation, but I imagine it's something I did wrong right at the beginning of designing, because I just dived into Figma and started tinkering to make designs.  So I may not have set it as background properly, or something fundamental.

The full name quoting is weird, I feel like I'm in trouble.  😀

I don’t know what you are really trying to do, would help to know what you want, what you get, and a link to your file to check.

🙂

I think it may be I'm trying to do some stuff that's more complicated than can be easily achieved, perhaps, because I've been designing it how I would anything else with layers.

So I have the purple background with the pattern, then the Logo, drop shadow box and the dog picture, then the buttons and text.  Perhaps I'm using too many layers, and you can't have a full screen background behind it all.

This is what I'm aiming for - this is how it looks in Figma, and how it looks in the Bravo Studio program:

But in Bravo Vision, I either get this:

Or this, which scrolls down to the menu above:

:)

You can do this easily, but I need to see your layers to help.

- Backgrounds should never have a container.
- Backgrounds should be applied on the main frame the level 0.
- you can merge the dog into the main background and use that on layer 0.
Inside:
- you can add a container logo
- you can have a container login with the rest

Okay, so I managed to get it working, but I think it's a solution that will only work with static pages, rather than ones where it will resize.  

What I did was add the background image to all three containers, but at the size of the entire screen.  That meant the design in all three sections match up and just look like one picture.

I know it's not ideal to have the same picture loading three times for one page, but it's a workaround for now, anyway.  🙂

Thanks for that Karla, sorry I missed these replies when I posted!

How do I sent you a link to my layers / file?  I know it might now be perfect, I've only been using Figma and Bravo for about a week.  🙂

That’s wrong, you just need it once. That’s really a design practice and you may review it, but again, without accessing your file, hard to grasp it all.

you get the link from share the file on the right top.

Like I say I'm new to it, and tend to dive right in to experiment. 😃