|
|
pinTab
Started by BeemerBiker at 10-23-2007 1:19 . Topic has 3 replies.
  
|
|
Sort Posts:
|
|
|
|
 10-23-2007, 1:19
|
BeemerBiker
 
Joined on 04-19-2007
San Antonio, Texas
Posts 21
|
Problem floating the height of the tab area
|
|
|
|
|
I cannot seem to set the height of the main tab page. The best I can do is estimate the tallest tab height and code the tab height of the main page as a constant. eg: Height="900px". I tried 100% but that didnt work. It did work for width. My main page has a menu and a title and the pintab is just below the menu in a div as is the menu also. I want the bottom edge of the pintab area to position at the bottom of the browser viewport. Currently the space to the bottom varies depending on which tab is selected. I added function tabEventPageLoaded(item, id) and that is called after the tab page is loaded, but I cant seem to correct the tab height from that callback. I can calculate the clientHeight from each document and add some margin. parent.parent.document.whatever will get me back to the main document, but even after I find Pintab1 I cant seem to set the height and it is always 900px.
|
|
|
|
|
Report
|
|
|
|
|
10-23-2007, 2:45
|
BeemerBiker
Joined on 04-19-2007
San Antonio, Texas
Posts 21
|
Re: Problem floating the height of the tab area
|
|
|
|
|
|
cannot edit my posting - I meant to say that I want to position the bottom edge of the tab area at the bottom of each form not the bottom of the browser viewport. One of my pages is 900px tall and that one fits perfectly. All the other tabs are less then 900 so there is space at the bottom of the browser viewport and you can clearly see the bottom border of the tab area.
|
|
|
|
|
Report
|
|
|
|
|
10-23-2007, 2:29
|
Pintexx Support
Joined on 08-30-2005
Posts 1.571
|
Re: Problem floating the height of the tab area
|
|
|
|
|
|
Hi,
I'm not sure if I fully have understood what you mean.
Did you try a div and pinTab inside the div with 100% width and height ?
Then you should be able to control the width/height with the div.
Regards,
Hans-Peter
|
|
|
|
|
Report
|
|
|
|
|
10-23-2007, 7:30
|
BeemerBiker
Joined on 04-19-2007
San Antonio, Texas
Posts 21
|
Re: Problem floating the height of the tab area
|
|
|
|
|
|
This is not a pintab problem - I suspect it is me not understanding how the div's are to be organized. I set 3 absolute div's. One overall and two inside
the outer one. All 100% height and width just like you suggested. The menu (in the top div) is absolute and the pintab (in the bottom div) is relative
with the correct z-order so that the menu hover shows up over the bottom div (instead of behind it). It appears to work, but the first time I hover over the menu the bottom div holding the pintab instantly shrinks to the bottom edge of the expanded menu. It does not got back to its correct size when the menu collapses. Refresh or picking another tab restores the div and the pintab then shows up fine. In the bottom div (or alternatively in the pintab) setting height to 900px solves all problems. I am also floating the div (with the menu) over the document, but even if I dont float the menu it still has the same problem: Hovering over the menu changes the height of the bottom div when its height is set to 100%.
I hacked a solution by putting body onload=CorrectDiv() in every page and then
function CorrectDiv()
{
var bottomDiv;
if(parent == null)return;
if(parent.parent == null)return;
bottomDiv = parent.parent.document.getElementById("bottomdiv");
bottomDiv.style.height = document.documentElement.scrollHeight + 48;
}
48 was a little bigger than all the margins and padding on any page.
This came about because I only want one vertical scroll bar with that being the browser viewport and I didnt want to specify a huge constant for the vertical height of the div holding the pintab. When I get more time I will look and see if there is a cleaner way to do this.
|
|
|
|
|
Report
|
|
|
|
|
|