http://doc.instantdeveloper.com/eng/?ARTID=2FC2885D-90F7-4F9A-A760-79F90628DBF8&LANG=eng
This functionality is not supported in applications that use the Bootstrap Theme.
I've run into the need for this a couple of times. I've worked out how to do it using some JavaScript executed in the Forms OnResize event using ExecuteOnClient.
The JS Code (with parameters used by FormatMessage)
- Code: Select all
var h1 = document.getElementById('|1').getBoundingClientRect();
var d1 = document.getElementById('|2');
d1.style.position = "fixed";
d1.style.left = h1.left + |3 + 'px';
The idea is to get the left position of the column header that you want the sum field to be under. Then adjust the sum field's left position to be the same. Bootstrap handles all of the sizing and positioning except for the x coordinates. In my case the headers were not right-aligned, but the values were, so I needed to adjust it 10px (see example).
I layout each sum field to be the same width, have the same resizing, and be directly under its parent list column as seen in the ide. So all we have to do is get the left position correct.
This code fires in the forms on resize event. Here is an example from a working application:
...jack