Nothing revolutionary. Just an approach I’ve never used before. Sharing in case it gets your own creative juices flowing (to do anything related or unrelated in a different way.)
Aside: I’m setting up my “Game Characteristics” data editing fields in a tiddler footer area.
For whatever reason, I did not feel like setting up macros nor any css classes (other than ones I already had).
A couple of screenshots and then a snippet of code:
!! Game Characteristics
<table class="nb" style="width:100%;">
<$list variable="fld" filter="[[lt:Long Title]] [[sd:Setup Duration]] [[gd:Game Duration]] [[egsd:End of Game Scoring Duration]] [[pd:Packup Duration]] [[ps:Playing Surface]]">
<tr class="nb" style="border-bottom:1px solid blue;height:2em;">
<th class="nb thr" style="width:12em;">''{{{ [<fld>split[:]nth[2]] || txt }}}:''</th>
<td class="nb"><$edit class="w" title=<<gameTitle>> field={{{ [<fld>split[:]nth[1]] }}}/></td>
</tr>
</$list>
</table>
the “nb” css class is for “border:none;”
the “thr” css class is for “text-align:right” of “th” elements
the “w” css class is for “width:100%;”
the “txt” template tiddler:
