Change page region size APP

OK, so what you're asking for is to have dynamically sized page regions, such that the height varies automatically based on the depth of the content? Presumably this is because the number of columns varies between the two regions? I don't believe this feature is exposed in Styler, and it's a little fiddly even in the underlying APP engine.

APP offers two ways of dealing with this type of thing. The first is to have "copyfit" frames (aka page regions). The copyfit setting allows the height of the frame to vary dynamically based on its content.

The second way is to use blocks to arrange the content (rather than page regions). So you would have one page region with a single column and use two blocks to divide the content up into dynamically sized arrangements of columns.

For the first option, you would have to edit the page region source Javascript and insert something like the following:

 frame.copyFit[0].fitProperty = '/bn'; // can use "/bqn" for quick mode, but this can cause issues
 frame.copyFit[0].copyFitUpdate = true; // update real frame dimensions after copyfit?
 frame.copyFit[0].scaleMode = fFrameCopyFit.MODE_AUTO; // review documentation for options
 frame.copyFit[0].minPercent = 0; // min scaling in percent
 frame.copyFit[0].maxPercent = 9000; // max scaling in percent

For the second option, you would have to use an element or UFE that is type "Block". Then you edit the source and use something like the following to enable the columns:

block.numColumns = 2; // how many columns
block.balanceColumns = true; // balance the columns or not
block.columns[0] = new fBlockColumn;
block.columns[0].gutter = '12pt'; // set gutter between each column and the next