Response title
This is preview!
How to make tabbed area fill the page, then have accordion fill height of a tab panel
in Using jQuery UI
•
12 years ago
Hi,
I've taken the example index.html that you get when you download jQuery UI and am trying to do the following:
- I want the whole page to be filled with a tabbed panel.
- And in one of the tabs, I want an accordion that's 200px wide to fill the height of the tab content area (so I can later display stuff to the right of the accordion, within the tab content).
I'm having two problems.
- I can't seem to get the tab panel to fill the web page. There doesn't seem to be a fillSpace:true setting for tabbed panels.
- I can't seem to get the accordion to fill the height of the tab panel, despite using the fillSpace:true setting.
I've tried setting the height of the html element to 100% using CSS, as I assume that forces the web page to be full height of the browser window. I can fiddle around with CSS to get the tabbed panel to be more or less full height of the browser window, but it seems very kludgy way to do things and I assume there is some better, "correct", approach.
Any ideas?
1