Page 1 of 1

CSS Panel overflow property

Posted: Tue Jun 05, 2018 11:54 am
by kswisher
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.

Re: CSS Panel overflow property

Posted: Tue Jun 05, 2018 12:29 pm
by SeanTyree
Have you tried setting the overflow y to auto on the HTML container?

Sean

Re: CSS Panel overflow property

Posted: Tue Jun 05, 2018 1:54 pm
by kswisher
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.

Re: CSS Panel overflow property

Posted: Thu Jun 07, 2018 12:27 pm
by Megan
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!