Highlighted

Upgraded to CF11: cflayout tabs shows scrollbars

New Here ,
Jun 24, 2014

Copy link to clipboard

Copied

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

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

Views

712

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Upgraded to CF11: cflayout tabs shows scrollbars

New Here ,
Jun 24, 2014

Copy link to clipboard

Copied

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

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

Views

713

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 24, 2014 0
New Here ,
Jun 26, 2014

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 26, 2014 0
el-cott LATEST
New Here ,
Sep 22, 2015

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 22, 2015 0