Page 1 of 1

Horizontal scrolling layout

Posted: Sun Jan 20, 2019 10:16 am
by corygem
Just curious about this. Are there any features or tools we could use in wb14 that could help build horizontal scrolling sites that use the mouse wheel to scroll? I think its a neat feature. Some examples of what I am talking about are below

https://www.grandimage.com/

https://www.cabletv.com/the-walking-dead

Re: Horizontal scrolling layout

Posted: Sun Jan 20, 2019 12:48 pm
by BaconFries
Have you looked at using the Carousel setting it to use fullpage? This will allow what you are asking
See the following:
http://wysiwygwebbuilder.com/carousel_fullpage.html

Re: Horizontal scrolling layout

Posted: Mon Jan 21, 2019 4:24 am
by corygem
Thanks BaconFries. I kinda thought that would a great option, so thank you for confirming it. Thanks for the advice!

Re: Horizontal scrolling layout

Posted: Mon Jan 21, 2019 4:46 am
by corygem
Now that i am playing with the full page carousel, i cant figure out how to get it to scroll horizontally with the mouse wheel instead of vertically. do i have to put some special coding in the options?

Re: Horizontal scrolling layout

Posted: Mon Jan 21, 2019 6:51 am
by Pablo
I'm sorry, there is no standard horizontal scroll option available at this time.

Re: Horizontal scrolling layout

Posted: Mon Jan 21, 2019 7:40 am
by corygem
ok, thanks Pablo

Re: Horizontal scrolling layout

Posted: Thu Jul 16, 2020 6:40 am
by Franklin Ortiz
corygem wrote: Sun Jan 20, 2019 10:16 am Just curious about this. Are there any features or tools we could use in wb14 that could help build horizontal scrolling sites that use the mouse wheel to scroll? I think its a neat feature. Some examples of what I am talking about are below

https://www.grandimage.com/

https://www.cabletv.com/the-walking-dead
You can make a horizontal scroll, not with the grid layout, but yes with the Flex Container, only the configuration that you must do, put where it says Flex Direction in Row and the Flew Wrap in No warp, then you select the Flex Container right click and look for the option that says object HTML, look for the Custom Style tab and put this overflow-x:scroll; and ready you have a horizontal scroll.

I hope it helps.