Hi,
I have a very simpler splitter with a left and right pane.
The left pane is a navigator (treeview) and is intended to be a fixed width, unless the user specifically resizes it.
If the user changes the width of their browser window in Windows (IE, Firefox or Chrome), the left pane remains a fixed size (as desired) and the right pane has its width pro grammatically changed (see Javascript below).
If the user does the same thing on a browser on the MAC (have tried Firefox, Chrome and Safari), the left pane will grow in width as the user drags the browser window to enlarge it.
Note: Ignore th
I have a very simpler splitter with a left and right pane.
The left pane is a navigator (treeview) and is intended to be a fixed width, unless the user specifically resizes it.
If the user changes the width of their browser window in Windows (IE, Firefox or Chrome), the left pane remains a fixed size (as desired) and the right pane has its width pro grammatically changed (see Javascript below).
If the user does the same thing on a browser on the MAC (have tried Firefox, Chrome and Safari), the left pane will grow in width as the user drags the browser window to enlarge it.
Note: Ignore th
e name MiddlePane - it's really the right pane (there used to be three).
Also, dv is a DiagramView (from MindFusion).
Nowhere in my code do I explicitly set the width of the left pane - only the right (middle) one.
Any ideas on what might be causing this?
Thanks in advance.
Jim
var
splitter = $find(
"<%=RadSplitter1.ClientID %>"
);
if
(splitter !=
null
)
{
var
leftpane = splitter.getPaneById(
'<%= LeftPane.ClientID %>'
);
var
midpane = splitter.getPaneById(
'<%= MiddlePane.ClientID %>'
);
var
leftWidth = leftpane.get_width();
}
var
dv = document.getElementById(
"<%= DiagramView1.ClientID %>"
);
var
marginsPlusSpltibar = 35;
if
(leftpane !=
null
)
{
//alert("In Resize Main");
// The more standards compliant browsers (mozilla/netscape/opera/chrome/IE7) use window.innerWidth and window.innerHeight
if
(
typeof
window.innerWidth !=
'undefined'
)
{
//alert("One");
alert(
"leftWidth = "
+ leftWidth);
var
txtBannerHeight = document.getElementById(
'<%=txtBannerHeight.ClientID%>'
);
var
bannerHeight = 0;
if
(txtBannerHeight !=
null
)
bannerHeight = parseInt(txtBannerHeight.value);
var
newHeight = window.innerHeight - 270 + bannerHeight;
midpane.set_height(newHeight);
leftpane.set_height(newHeight);
var
newWidth = (window.innerWidth - leftWidth - marginsPlusSpltibar);
midpane.set_width(newWidth);
splitter.set_height(newHeight);
splitter.set_width(window.innerWidth);
if
(dv !=
null
)
{
dv.style.height = (newHeight - 24) +
"px"
;
dv.style.width = (newWidth - 5) +
"px"
;
}
}