Resize TabView to fit to a Panel

Asked Mar 03 '17 at 16:51

Active Mar 03 '17 at 17:14

Viewed 984 times

I have a tab view which is inside a LayoutPane. In that tab view, I have 2 tabs. One tab has 1. Output Panel 2. Button

What I would like to achieve is resize height of Output Panel fit to the panel and Button should be at the bottom.

I'm using PrimeFaces 6.x

This is the current UI

This is the expected one

Could you please advice is that possible to adjust height of TabView of PrimeFaces? I have applied common ways such as "height: 100%" for tabView level but it doesn't work. When I using F12 to apply styles also not working.

Thanks for your help.

edited Mar 03 '17 at 17:14

asked Mar 03 '17 at 16:51

Nghia Do

2,588
2
17
31

My advice would be to read about/learn some css and read [ask] and [mcve]. But U suspect that is not what you expect as an answer – Kukeltje Mar 03 '17 at 17:10
Oh Thanks. I have tried applied multiple way to resize height of TabView of PrimeFaces but no luck for me. – Nghia Do Mar 03 '17 at 17:13
try to work with `vh` instead of `%` – Yagami Light Mar 03 '17 at 19:14
this answer might help you http://stackoverflow.com/a/24979148/5527433 – David Florez Mar 03 '17 at 20:26
Thanks. It almost fit what I want, but I can't make the content div scrollable. If I see overyflow-y, the footer also moved down. – Nghia Do Mar 14 '17 at 20:57

Resize TabView to fit to a Panel

0 Answers0