I was wondering if there is an easy way to make a CSS panel have an overflow-y:auto property. I don't see this as a property I can set on a CSS panel.
I have a screen that looks like a weekly calendar with 7 columns, one for each day of the week. Each is its own CSS panel. Inside of each, I have a single HTML container and I am using EJS to populate the data. When this data overflows, it just gets chopped.
CSS Panel overflow property
-
- Profound User
- Posts: 27
- Joined: Fri Oct 23, 2015 9:51 am
- First Name: Ken
- Last Name: Swisher
- Company Name: MHC
- Contact:
-
- Profound User
- Posts: 76
- Joined: Fri Jan 11, 2013 6:11 pm
- First Name: Sean
- Last Name: Tyree
- Company Name: US HealthWorks
- State / Province: California
- Zip / Postal Code: 91355
- Country: United States
- Contact:
Re: CSS Panel overflow property
Have you tried setting the overflow y to auto on the HTML container?
Sean
Sean
-
- Profound User
- Posts: 27
- Joined: Fri Oct 23, 2015 9:51 am
- First Name: Ken
- Last Name: Swisher
- Company Name: MHC
- Contact:
Re: CSS Panel overflow property
Well that would create 7 individual scroll bars which is not what I am really after.
I currently have 2 layouts in effect:
lyo_banner - top: 0px, height:15%, width:100%, overflow:auto
lyo_content - top 15%, height:85%, width:100%, overflow:auto
This does produce the scroll bars on the lyo_content pane, they just don't scroll far enough.
Something from the CSS pane is changing that overflow to hidden. I can manipulate it in developer tools to remove, and it shows up.
Perhaps I just need to remove the panes and add the headers to my HTML markup and move on.
I currently have 2 layouts in effect:
lyo_banner - top: 0px, height:15%, width:100%, overflow:auto
lyo_content - top 15%, height:85%, width:100%, overflow:auto
This does produce the scroll bars on the lyo_content pane, they just don't scroll far enough.
Something from the CSS pane is changing that overflow to hidden. I can manipulate it in developer tools to remove, and it shows up.
Perhaps I just need to remove the panes and add the headers to my HTML markup and move on.
- Attachments
-
- techtime.PNG (90.05 KiB) Viewed 1007 times
- Megan
- Profound Logic Staff Member
- Posts: 90
- Joined: Mon Sep 11, 2017 12:15 pm
- First Name: Megan
- Last Name: Bond
- Company Name: Profound Logic
- Phone: 5623227473
- State / Province: California
- Zip / Postal Code: 92692
- Country: United States
- Contact:
Re: CSS Panel overflow property
Hello Ken,
We'd be happy to help you with this! Could you please send a screen dump of your screen to our email at support@profoundlogic.com? This can be done by pressing Ctrl + F9 while viewing the screen in question. When you are prompted to save or open the file, please save the file and email it to us as an attachment. This will help us see what you are seeing so that we can better suggest a solution.
Thanks!
We'd be happy to help you with this! Could you please send a screen dump of your screen to our email at support@profoundlogic.com? This can be done by pressing Ctrl + F9 while viewing the screen in question. When you are prompted to save or open the file, please save the file and email it to us as an attachment. This will help us see what you are seeing so that we can better suggest a solution.
Thanks!
Who is online
Users browsing this forum: No registered users and 0 guests