Facing issue in mobile app development

karanjot001 · 2020-08-08T05:48:39.348Z

Hello everyone. I am facing issue while creating app in bubble. I get long vertical scroll on the pages .I don’t know why. I add image which explain easily. Can any one give solution how to fix it. I dont want vertical scroll if content is not much

vertical scrolling1920×1080 219 KB

t_bubble · 2020-08-08T05:52:40.547Z

Do you see this on the live version as well?

karanjot001 · 2020-08-08T06:05:03.804Z

Yes, I there any height issue or other ?

oleksiy · 2020-08-08T06:14:16.187Z

Hello,

If you are using groups, then set a main group to fixed height i.e 800px and underneath of this group create a blank hidden group with a fixed 800px. That way you can control your content content in another group where you need more longer data to fitted.

karanjot001 · 2020-08-08T06:37:54.023Z

Hi Oleksiy

I want the if I have 2 line only then also I an facing scrolling. I don;t want the scroll. How can I remove the scroll.

oleksiy · 2020-08-08T06:40:35.084Z

The is no code solution to take the scrolling out in your app, without using a JS code. Unless somebody made a plugin already. Be aware that this will affect you other groups since you are using a single page app.

karanjot001 · 2020-08-08T06:55:53.557Z

Yes , I am using single page app to develop multi screens

karanjot001 · 2020-08-08T06:56:16.158Z

I appreciate your time and response. Thanks

shpak.serhiy · 2020-08-08T16:38:34.888Z

Use Hero Sizing plugin to fix it. Search the forum for the details.

nomorecode · 2020-08-08T17:03:05.617Z

You don’t need any plugins to control bubble’s responsive engine. These add unwanted bulk. You just need to understand the logic behind it. Whenever you have a large ‘whitespace’ on screen, something is ‘there’ whether visible or not. There is a conflict in group heights. To eradicate or /fix the problem, always ensure that your groups are stacked - never overlap as this creates additional problems. A good workaround for your app would be to hold the green submit button in a floating group that is fixed to bottom.

tomas1 · 2020-08-08T17:21:54.567Z

The way I’m solving this is by creating a single page app with multiple groups (showing and hidding), and, specially, by COLLAPSING THE GROUP HEIGHT when hidden. This way, you can resize your group at the heigh you need to fit all yout content. No more, nor less.

image510×739 34.4 KB

nomorecode · 2020-08-08T17:37:46.284Z

@tomas1 exactly that

karanjot001 · 2020-08-10T17:31:42.320Z

Thanks it help me lot.

karanjot001 · 2020-08-10T17:32:00.176Z

Thanks it help me lots .

system · 2020-10-17T05:48:42.170Z

This topic was automatically closed after 70 days. New replies are no longer allowed.