Page 1 of 1
Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 3:27 pm
by Beth
Is there a way to make an Inline Frame that has a horizontal appearance with a horizontal scroll bar at the bottom?
I'd like to use this with a card container (card deck) on the IFrame's target page. I would be placing this into a Layout Grid on the main page so that it would be resizable by the user's screen size.
I know that I can simply rotate it but that just makes to content sideways. What am I missing or can this be done at all?
Thank you.
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 5:41 pm
by alan_sh
Beth,
Layout grids automatically resize themselves. So why would you need a horizontal scroll bar?
Alan
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 7:07 pm
by Beth
Hi and thank you Alan.
As far as I can figure, the IFrame only allows for vertical scrollbars.
I would like to have a horizontal window to show a series of cards, from another page via an Inline Frame, where you only see the first few and as you scroll (left or right) and using the scroll bar you see more. Example:
https://www.recipelink.com/copycat/inde ... tPage=Next
Draggable would be even better. I prefer to work with Laytout Grids.
This is very common and I know that this is probably very simple. I'm just missing it.
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 7:53 pm
by BaconFries
From viewing the source of the example you gave the only iframe used is for the footer and not the scrollable thumbnails. The source also shows that it uses tables for page layout and image display. This would mean that the thumbnails are in a table row (not[*] a iframe) set to scroll hence why you see a scroolbar.
If you are going to use the iframe in say a 'Layout Grid" and it to needs to 'full width' then set inline frame to 'true' in its properties this will then make it flexible /responsive.
When also using iframes vertical scrollbars will be only added when it's width is smaller than the height. Please also note that when using iframes to be responsive then for its contents (target page) must also be responsive.
On a cautionary note when trying to use scrollbars in the likes a Apple devices (iPads / iPhones) then scrollbars are disabled. So unless the user knows the content is scrollable then they won't think to use or touch that area to view.
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 8:36 pm
by Beth
Thank you BaconFries,
That is good info but I am looking for a Horizontal scrollbar in a responsive IFrame.
How would you get what is here:
https://www.recipelink.com/copycat/inde ... tPage=Next ? I've seen it on many pages and I think that it would be very useful.
If that's not possible I'll just move on.
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 8:42 pm
by BaconFries
Beth see my updated reply to my post above your recent reply to me.
Read from:
From viewing the source of the example you gave
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 9:20 pm
by Beth
Thank you. That was good info. I'll try that.
Re: Horizontal Inline Frame scrollbars
Posted: Sun Jan 02, 2022 11:13 pm
by Beth
Hi. Tables didn't work out so well, but I'm happy enough with the Unite Gallery extention set to Compact > Carousel > Slide > Lightbox type = Wide. This works well with the IFrame idea and is nicely responsive with layout grids.
The ability to use arrows and/or pause is a plus too.
Thank you.