We recently upgraded to version 4.04 of Floatbox. We are having issues where Floatbox is not resizing itself if we dynamically change the innerHtml. and did not have this problem in the previous version, 3.??.
The html below demonstrates the problem if you click on Link1, close Floatbox, and then click on Link2. There will be scrollbars within the instance of Floatbox since Link2 has more content. I appreciate any help you can give.
Thanks
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<link href="floatbox/floatbox.css" rel="stylesheet" type="text/css" />
<script src="floatbox/floatbox.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<a href="javascript:void(0);" onclick="fb.setInnerHTML(fb$('lb1Text'), 'abc');fb.start(fb$('lb1'));">Link1</a><br />
<a href="javascript:void(0);" onclick="fb.setInnerHTML(fb$('lb1Text'), 'abc<br/>def<br/>ghi<br/>');fb.start(fb$('lb1'));">Link2</a><br />
<a class="floatbox" id="lb1" href="#lb1Container" rev="width:340;padding:0;shadowType:none;roundBorder:0;
roundCorners:all;outerBorder:10;
innerBorder:0;autoFitOther:true;
showClose:true;graphicsType:auto;resizeDuration:0;
imageFadeDuration:0;overlayFadeDuration:0;
enableKeyboardNav:false;outsideClickCloses:false;
appendToForm:0;theme:black;"></a>
<div style="display:none;" id="lb1Container"><span id="lb1Text"></span></div>
</form>
</body>
</html>
« Last edit by mdm0781 on Wed Jul 07, 2010 10:09 pm. »