How to make a Horizontally scroll-able Row?

farhanlatif027i3df · February 10, 2020, 6:23pm

Row/horizontal scrolling isn’t available on Thunkable x

actech · February 11, 2020, 7:20am

Sample on scrScrollHorz

https://x.thunkable.com/projects/5d70f93f8a62b4079eedaff2/project/properties/designer/

farhanlatif027i3df · February 11, 2020, 2:09pm

I’m unable to see your blocks in web the screen goes blank

funhall · February 11, 2020, 2:30pm

my screen is also blank when i try to load the blocks.
It is freezing totally…

kartik14 · February 11, 2020, 2:30pm

Same!

Jared_Gibb · February 11, 2020, 4:01pm

This is working on my iPhone live companion app. I haven’t tried to download.

kizzy · February 11, 2020, 4:56pm

which tab has about horizontal scrolling?

Jared_Gibb · February 11, 2020, 5:03pm

in the app, its screen horizontal scroll

kizzy · February 11, 2020, 5:07pm

that just keep freezing on my end

farhanlatif027i3df · February 11, 2020, 5:32pm

Same

farhanlatif027i3df · February 11, 2020, 5:33pm

Can you show the picture of blocks or tell how to do it because I tried row component tried to put few blocks but no horizontal scrolling with scrolling turned on

farhanlatif027i3df · February 11, 2020, 6:04pm

@funhall @kartik14 @kizzy @Jared_Gibb

I was getting blank screen issue but just by reading components used and experimenting I have found a way .You need 2 main components. 1) row (should not be on scroll). 2) column. Step 1) This coloumns scrolls needs to be turned on here’s the main step 2) you need to go in rows advance tab in transform pick “rotate” just rotate not rotate x or y. Step3) Then under it put value -1.57 this will make your vertical buttons or columns or whatever you put in “2) column” to go from vertical to horizontal but they will also Become rotated so for this step 4) you need to go in advance tab of button or column you put in “2) column” and go in rotate and put value +1.57

kizzy · February 11, 2020, 6:07pm

huh?? care to show an example project

Jared_Gibb · February 11, 2020, 6:16pm

Great work!!! Can you post a screenshot tutorial?

farhanlatif027i3df · February 11, 2020, 6:30pm

Here you go https://x.thunkable.com/projects/5e42e12f67f6cc7a69749382/84890f36-e613-4b0f-ae80-61da51460073/designer

farhanlatif027i3df · February 11, 2020, 6:32pm

Thank you
Here you go

Left without rotation value on right. Rotation value with +1.57

kizzy · February 11, 2020, 6:55pm

ok I GOT IT

antje.smilesyft · April 17, 2020, 3:09pm

Super cool! I just tried it and made it work half-way
I could not open the sample project, guessing it is gone by now. Do you have any other project with a scrollable row like that by any chance?
My issue: I can’t scroll all the way through the column, just a bit, and I also can’t figure out how to eliminate all the white space between this row and the one before that. Been trying many things, but so far didn’t succeed.

Would be awesome.
Thanks and have a great weekend

domhnallohanlon · April 17, 2020, 4:11pm

This looks like a nice UI @antje.smilesyft

I’m assuming you mean “row” here, rather than Column?

Just a heads up, we should have an update out next week that makes this easier to do.

antje.smilesyft · April 18, 2020, 6:34am

Yes, you’re right, I meant row, not column
Oh great, excited what this update will bring. Then I’ll wait for that until I keep trying to figure this out.
I’m very new to thunkable. Would you mind pointing me in the direction where I can keep checking for updates and new features to stay up-to-date?
Thank you so much!