Upgraded to CF11: cflayout tabs shows scrollbars

[Ronacolada]

After upgrading from ColdFusion 10 to ColdFusion 11, vertical scrollbars are now showing up in cflayoutarea.

We use ColdFusion.Navigate to submit data and refresh a cfdiv that is inside cflayoutarea.  Upon submission, the cfdiv shows the new data as expected, but the user must scroll down within the tab to view the data.

I have tried setting the style height:100% on both cflayout and cflayoutarea.  I have also tried overflow: visible.  I also tried the overflow attribute of cflayoutarea, but this is ignored.

Any help would be appreciated.

Thanks,

Ron

[Ronacolada · Accepted solution]

Ditching the cflayout tag and adopting jQuery tabs solved our issue. Thanks.

[el-cott]

The code for cflayout.js on ColdFusion 11 has the height for all accordion tabs hardcoded to 600. This results in either scrollbars or large blank spaces in each tab.

Edit the code at c:\ColdFusion11\cfusion\wwwroot\CFIDE\scripts\ajax\package\cflayout.js, and delete Line 430 which reads:

     _85e.height=600;

You will need to flush the template and component caches after editing this code (in the Caching section of ColdFusion Administrator).