The separate table is easy to do, by putting a HTML <table> tag at the desired location on the page, with id="xxxTable" (and you probably also would want border="1"), where xxx is the value of the satellite parameter in the Diagram definition. To make it scrollable just put HTML <div> tags around it, with style="overflow:auto".
You would need to use a smaller square size for the board if you want to display its side by side with the table, though. And when you want to make it possible to move pieces from table to board, you should define the initial position with pieces 'in hand', behind an extra colon on the piece line.
Automatically extending the table with other pieces in the graphics directory is not a Diagram function; it is the opposit from what one would normally want when using a standard piece set. So this is done by JavaScript embedded in the page of the Play-Test Applet (the function DirList).
The separate table is easy to do, by putting a HTML <table> tag at the desired location on the page, with id="xxxTable" (and you probably also would want border="1"), where xxx is the value of the satellite parameter in the Diagram definition. To make it scrollable just put HTML <div> tags around it, with style="overflow:auto".
You would need to use a smaller square size for the board if you want to display its side by side with the table, though. And when you want to make it possible to move pieces from table to board, you should define the initial position with pieces 'in hand', behind an extra colon on the piece line.
Automatically extending the table with other pieces in the graphics directory is not a Diagram function; it is the opposit from what one would normally want when using a standard piece set. So this is done by JavaScript embedded in the page of the Play-Test Applet (the function DirList).