Skip to main content
← Design & Bravo Tags
Design & Bravo Tags October 20, 2021 · 6 replies

Button location differing from Figma design to Bravo implementation

Archived from the Bravo community forum (2021–2026). Some answers may refer to older versions of Bravo.

I've an "Add" button on the bottom of one of the screens on Figma (which is bottom centered. However when I view this screen on Bravo Vision, the Button seems to have moved towards the middle of the screen and is aligned to the left.

How it should appear:

Screenshot 2021-10-21 at 00.39.09.png

How it appears instead on Bravo Vision:

IMG_286AE931563A-1.jpeg

I don't really know what I am doing wrong. (Today is my first time using Bravo so I'm sure I may be missing something).

I would appreciate any help to solve this issue. You can see my Figma file here - https://www.figma.com/file/lfDia3mIA2ZZlMMzWWndXN/SEVN-Task-Manager?node-id=0%3A1

6 replies

Huzefa October 20, 2021

U need to make a huge frame, starting just below ‘task name’ container till bottom of the screen. Then place the plus button inside it. Last step add [container] tag.

Huzefa October 20, 2021

All elements should be in frames with each stacked one below each container. Also keep adding [container] tags.

Ilesanmi October 21, 2021

If the name of the button is btn put [layer] tag. It will make it to stick to any position. Not a container tag.

Ilesanmi October 21, 2021

If the whole frame is a [container], you can't create a container tag again inside it. You need a layer tag. Or separate the whole section into 3. The search, The Card and the button. All will be in 3 containers. If you don't mind, I can help you out.

Javier Felipe Bravo team October 21, 2021

Hello! We created this video some time ago, showing some tips on how to fix visual issues. :)

Wrote something in this thread and want it removed? Request removal

Still stuck?

Ask the community on Discord

This archive is read-only. New questions, office hours and product updates now happen in the Bravo Discord.

Join the Discord