RG vertical scrolling responsive in height

seeyu.pro · 2020-06-02T10:42:04.876Z

Hi everyone,
I have an issue and for the first time I did not see any convenient answer on the forum. I need to do a responsive in height RG with a vertical scrolling. But this does not work.
I introduced some HTML in order to have the RG at the height of the screen. But then the RG is no more scrollable.

I need to do that in order to reproduce a messaging service similar to Messegenr for example, having the list of the discussions scrollable.

Is there any solution adaptable to every search engine ?

seeyu.pro · 2020-06-02T12:49:44.633Z

Finally I found an answer, you have to put overflow: scroll in your html Capture d’écran 2020-06-02 à 14.49.33

Brenner · 2020-09-01T22:15:45.348Z

I think I’m having similar problems - could you add some screenshots of what you’re trying to do? What can I do so this left column fills to the bottom? If I edit the height of my RG, it doesn’t let me scroll to see the rest of the items

Screen Shot 2020-09-01 at 3.13.57 PM935×611 237 KB

deadpoetnsp · 2020-09-01T22:19:23.367Z

Put the RG inside a group, and extend the height of the group.

deadpoetnsp · 2020-09-01T22:20:47.598Z

Also, experiment with the following RG view types: vert scrolling and ext vertical scrolling (with the RG inside the group).

Brenner · 2020-09-01T22:23:17.372Z

Thanks, I’ll try some options with another group.

ext vertical scrolling makes the height change as you scroll so it scrolls way passed the map on the right.

deadpoetnsp · 2020-09-01T23:13:26.171Z

That’s why you have to put the RG in a group

philledille · 2020-10-07T07:34:23.719Z

Hi,

I tried this but nothing happens. I put Discussion and RG as IDs on the elements and just added a HTML on the page with the content you showed here. But the elements doesn’t seem to get the settings from the HTML. (as you can see I’m not a JS expert).

Cheers, Peter

seeyu.pro · 2020-10-07T13:49:28.608Z

I think you maybe forget to put some ID attribute to the element you want to control
I needed time to understand that too

philledille · 2020-10-08T06:34:28.844Z

Yes, I put in IDs “RG” and “Discussion”. Is that correct?

seeyu.pro · 2020-10-08T08:38:25.123Z

Could you show me your code and what you did in order for me to understand ?

philledille · 2020-10-08T12:15:55.229Z

Yes, thnx:

Screenshot 2020-10-08 at 14.14.36843×340 22.1 KB

Screenshot 2020-10-08 at 14.14.45340×1109 39.1 KB

Screenshot 2020-10-08 at 14.14.52345×847 35.5 KB

seeyu.pro · 2020-10-08T14:33:28.361Z

I am not a coder , but maybe numbers in ID attribute are not accepted. Moreover, for the calc function you must write it with spaces as calc:(100vh - 80px) so spaces between vh and - and 80.
Tell me if it is working after that

philledille · 2020-10-08T16:25:25.021Z

Thanks for spying my detail misstakes. Now have this:
Screenshot 2020-10-08 at 18.25.56

Changed IDs on the elements. Still not working.

seeyu.pro · 2020-10-08T16:45:13.706Z

There is no space between calc( and 100vh . But maybe would be easier if you send me the link of your app

philledille · 2020-10-08T17:15:32.173Z

Sorry, cannot - it’s a clients app. Can one really reference an element using a #tag?

philledille · 2020-10-09T13:06:01.930Z

Now I’ve put it in an open app: https://bubble.io/page?type=page&name=height&id=petertest&tab=tabs-1

admangan2018 · 2021-08-02T14:25:02.165Z

You have probably solved, but you are doing instead of .

admangan2018 · 2021-08-02T14:25:27.313Z

**script instead of **style