Cflayout redraw problem

Written on 20 March 2015, 10:47am

Tagged with: , ,

Quick note about a problem with the cflayout tag – one of the Adobe’s attempts to play with the front-end. In my opinion – one of the places where ColdFusion no longer makes sense and should be replaced with a more robust alternative, like jQuery UI.

The problem: When using cflayout and cflayoutarea, if the content inside the cflayoutarea is dynamically redrawn, then the height of the layout area does not change. More details on the Adobe forum: https://forums.adobe.com/thread/565912

The solution:
Use the following styles:

<cflayout style="">
<cflayoutarea style="overflow-y:scroll; height: 450px;">

The drawback of this approach is that you need to hardcode the height of the layout area and accept the vertical scroll, but in some case this is exactly what you need.
The path to the solution was found on StackOverflow, as usual 🙂