How to enforce alignment of columns when using multiple dynamicForms

[mvarvil]

When a user clicks a button, I add a 2nd dynamicform to a VLayout. This works great, but the fields (columns) from form 1 are not aligned with the fields in form 2.

What must be done to enforce consistent column alignment between the two dynamicforms?

Thanks,
Mark

[Isomorphic]

Hi Mark,

See the Form Layout overview - in a nutshell, set matching numCols & colWidths, and possibly consider setting fixedColWidths.

[mvarvil]

I have narrowed this problem down a bit with some testing.

Alignment is fine when dynamically adding dynamicforms to a VLayout on a simple page. However, the columns do not properly line up when the VLayout (containing the dynamicforms) exists in a popup window object.

As suggested, I will experiment with the numCols, colWidths and fixedColWiths ideas post back my results.

Thanks,
Mark

[Isomorphic]

This is probably because incorrect settings of autoDraw are causing the form to draw multiple times at different widths. We recommend calling .isc.setAutoDraw(false) at the beginning of your application code to avoid this problem pervasively.

[mvarvil]

Problem resolved

Posting back the results of my testing based on your recommendations:

Based on your first recommendation, using all three properties (numCols, colWidths, and fixedColWidths) the columns aligned themselves properly, but I had to use all three.

Based on your second recommendation, I removed the settings mentioned above and simply put isc.setAutoDraw(false) at the top of my page. This didn't totally fix the problem. However, I'm going to implement both recommendations.


Thank you for the ideas you provided.

-- Mark