-
Posts
-
I dont know if this is even possible but maybe it can be done through CSS or something. Is it possible to make it so if one column is taller than another to allow it to scroll so they are qual height? See the site I linked in private content. I want the grey column with donors in it to not extend past the form. So the right column would have a scroll bar to see all the content.
Hey Kyle,
The only way I can think of would be to set a fixed height for them, then if the content overflows it should scroll. Something like this:
.element { height:100px; max-height:100px; overflow: scroll; }Best regards,
RikardOK, I tried this with the whole column and it added greyed out scrollbars that dont do anything.
div.flex_column.av_one_half.flex_column_table_cell.av-equal-height-column.av-align-top.avia-builder-el-15.el_after_av_one_half.avia-builder-el-last {
height: 1000px;
max-height: 1000px;
overflow: scroll;
}Then I tried for just the bottom table:
avia-data-table-wrap avia_scrollable_table {
height: 1000px;
max-height: 1000px;
overflow: scroll;
}No luck with either…
Excellent thanks for the link.
OK, so first thing to do is…
1) remove the option to set both columns to equal height. This will make each column take on a height equal to the content.
2) give the right hand column a class (I used scrolling-col)
3) use some css to set a height for column and add scroll effect for the overflow content..scrolling-col { height: 1000px!important; max-height: 1000px!important; overflow: auto; width: 100%!important; }I had to add a width as I had to manually remove the classes that created equal columns and doing so for some reason removed the column width too. The width shouldn’t be needed.
That will / should give the following look
Give that a whirl and let us know the outcome. We can then look at live page again if needed.
Thanks
TJ
- You must be logged in to reply to this topic.