I am not really familiar with this grid business. But when I want side-by-side display I just use a table of one row and two columns, put the ID in the left cell, and the piece list or piece table in the right cell as a satellite HTML table (or a list or paragraph). I specify a width for the left cell large enough to hold the Diagram; I know how large it is (squareSize*files).
In the standard script the Diagram only fills the element with class=idiagram (which I usually take as a div) with a diagram. But it should be possible to have it generate such a table with the Diagram proper in the left cell, when a parameter would request this, and put the stuff that normally goes underneath it in the rightmost cell of that table. It is just a matter of creating the 'anchors' in a slightly different way. It probably could even be made to calculate if there is room to do that.
I am not really familiar with this grid business. But when I want side-by-side display I just use a table of one row and two columns, put the ID in the left cell, and the piece list or piece table in the right cell as a satellite HTML table (or a list or paragraph). I specify a width for the left cell large enough to hold the Diagram; I know how large it is (squareSize*files).
In the standard script the Diagram only fills the element with class=idiagram (which I usually take as a div) with a diagram. But it should be possible to have it generate such a table with the Diagram proper in the left cell, when a parameter would request this, and put the stuff that normally goes underneath it in the rightmost cell of that table. It is just a matter of creating the 'anchors' in a slightly different way. It probably could even be made to calculate if there is room to do that.