In regular web development css position absolute is a convenient way to place items top on each other or relative to the parent container. When in Bubble development you are looking for this setting you don’t find it, but that doesn’t mean you cannot reach that behavior.

Let’s check out the following contact form I build on Bubble.

Where do you use absolute position here? Do you find it?

  • on the right side,
  • there are four rows,
  • and the icon is wrapped in a circular background shape,
  • so you have to put the icon and the circle to top on each other to achieve the desired design.

Ass you can see on the picture all you have to do can be summarized in three points:

  1. Create a parent group and set the layout -> container layout -> Align to parent
  2. Create a shape and set the layout -> parent container type -> center
  3. Create an icon and set the layout -> parent container type -> center

I am available for bubble projects, contact me to make your next application together!


Leave a Reply

Your email address will not be published. Required fields are marked *