i'm having trouble Problems with bottom alignment of table in text frame

[thomas.cronqvist]

Trying to bottom align content of a text frame. If the text box contain only variables and/or text resources it works fine using the frame controls - but I have a js created table inserted in the frame and that causes issues with vertical alignment. Top and Middle alignment works fine, but Bottom alignment does not work on Desktop or Producer (same result) - The content is moving, just not to the bottom .

 

Is there a way to make the table in the frame to bottom align? Project attached. Any help appreciated!!

Testbox_pti_1.zip

[step]

I've run into this issue before as well. Maybe it has something to do with the 'table' markup tags, but vertical alignment doesn't seem to like it if a paragraph tag isn't the last line in the text flow. If you were to type a line underneath '«2_Colums table v2»' in the text editor, you'll notice that the line you entered is correctly aligned to the bottom of the text frame. Obviously the issue with this is that you don't want an additional line of text below the table.

 

That being said, you can still get it pretty close by inserting a new paragraph after the table with the font size set really small. Just add this to your table rule:

return myTable.MakeTags()[color="Red"] + '<p><span pointsize=0.1></span>'[/color];

I removed the "replace" in the return line because it was unnecessary – the tables are already left aligned. It's also worth noting that a pointsize of 0 is not valid.

 

I also noticed that you could probably simplify your code by creating some functions for some of the repetitive code in your table rule:

function GetTextWidth(field, font, fontSize) {
 var tm = new FusionProTextMeasure;
 tm.pointSize = (fontSize || 7) + " pt";
 tm.font = font || "Arial";
 tm.CalculateTextExtent(field);
 tm.useTags = false;
 return tm.textWidth;
}

function GetMaxWidth() {
 return Array.prototype.slice.call(arguments)
   .filter(function(s) { return s > 0 })
   .sort(function(a,b) { return a - b }).pop() || 0;
}

// Put Column A width values in array, sort and set highest as new variable
var maxAWidth = GetMaxWidth(
 GetTextWidth(Field("Company"), "Arial Bold", 7.3),
 GetTextWidth(Field("Adress 1")),
 GetTextWidth(Field("Adress 2")),
 GetTextWidth(Field("Adress 3")),
 GetTextWidth(Field("Country"))
);

var maxBWidth = GetMaxWidth(
 GetTextWidth(Field("Tel 1")),
 GetTextWidth(Field("Tel 2")),
 GetTextWidth(Field("Tel 3")),
 GetTextWidth(Field("Email")),
 GetTextWidth(Field("Web"))
);

// Set frame width total and column gutter
var frameWidth = 23669; // Total width of text frame (72x100 per inch)
var frameGutter = 750;  // Width of gutter between columns in frame (72x100 per inch)

var availableWidth = frameWidth - frameGutter - maxBWidth;
var leftCol = Math.min(maxAWidth, availableWidth);
var rightCol = maxBWidth + (availableWidth - leftCol);

// Create table
var myTable = new FPTable;
myTable.AddColumns(leftCol, frameGutter, rightCol);
var row = myTable.AddRow();
var cell = row.Cells[0];

// Declare TableMargin object to adjust margins
cell.Margins = { 'Top' : 0, 'Bottom': 0, 'Left': 0, 'Right': 0 };
row.CopyCells(0, 1, 2);

myTable.ShadingColor1 = "Yellow";
myTable.ShadingPct1 = 10;

row.SetContents(Resource("Resource1").content, '', Resource("Resource2").content);

return myTable.MakeTags() + '<p><span pointsize=0.1></span>';

[thomas.cronqvist]

This is exactly why I love this forum! Thanks for the "end <p>" solution. It worked - just needed to adjust height of frame to allow for the extra bottom space. I will look carefully on the simplified script and learn by it. :)

[Paul]

I am using a one row table to try to align different fonts at various point sizes. Can anyone take a look at this and tell me how to accomplish this?

 

 

Thanks

Table Issue.zip

[Dan Korn]

I am using a one row table to try to align different fonts at various point sizes. Can anyone take a look at this and tell me how to accomplish this?

Please start a new thread for a new question. Also, a mock-up of what output you're trying to accomplish would be worth a thousand words.