Skip to main content
Participant
June 24, 2014
Answered

Upgraded to CF11: cflayout tabs shows scrollbars

  • June 24, 2014
  • 2 replies
  • 914 views

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

    This topic has been closed for replies.
    Correct answer Ronacolada

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

    2 replies

    Participant
    September 22, 2015

    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).

    RonacoladaAuthorCorrect answer
    Participant
    June 26, 2014

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