Controlling Elements Placement

Hi all,

I am a newbie here trying to build my first page in bubble.

I seem to be having two issues which I cannot solve - there are elements which are moving when i go to preview my app, i have tried aligning the elements in the center of the page but it keeps moving over to the side.

Additionally, I have a text element (email) which I have tried to truncate so it would not overrun the next text however I cannot seem to be able to do so - see screenshot.

image

Here is the URL to my app for anyone to go and take a look.

Thank you in advance!

Rob

Hi Rob,

Just took a look at the app. I think this is likely being caused by the overlap between the Supplier Master Group and the RepeatingGroup Supplier. At the moment, Supplier Master Group is just an empty group (it seems like maybe you were trying to put the repeating group inside of that group?). Try putting the repeating group inside of the Supplier Master Group, and see if that helps. Welcome to Bubble :slight_smile:

Jacob
Need help learning Bubble? https://www.tekademy.co/

1 Like

@jacobgershkovich First of all thank you!!! I just fixed it and it is working, very very much appreciated. I Don’t mean to push my luck but do you have any solution for the other issue i am having with the email field running into the country field?

I am looking forward to the day i can jump on someone’s app and help them the same way you just did that, beyond incredible.

1 Like

Happy to help :slight_smile:

Right now on the text element containing the email, you have “cut off content if the element is not tall enough” checked: Screen Shot 2020-03-27 at 8.43.20 AM

Because you’re trying to display an email here, Bubble’s recognizing this as a single word. If this option were not checked, part of the email would wrap to the next line and the height of the text element would expand (still not ideal, of course). You’re going to have to make your text element wider in any case. Hope this helps!