How To Create Table Layout With Text-Markup
Categories: DotNetBar for Windows Forms, How To
Markup below shows an approach to create table like layout using DevComponents text-markup language included with DotNetBar:
<div width="100"><span width="80">ABCD EFGH</span><span width="20" align="right">123</span></div> <div width="100"><span width="80">ABCD EFGH</span><span width="20" align="right">1234</span></div |
For an example of text-markup table layout as described above try pasting following text into ButtonItem.Text property:
<b>Normal</b><br/> <div width="170"><span width="20">Top:</span><span width="50" align="right">1 cm</span> <span width="10"> </span> <span width="40">Bottom:</span><span width="50" align="right">1 cm</span></div> <div width="170"><span width="20">Left:</span><span width="50" align="right">2.54 cm</span> <span width="10"> </span> <span width="40">Bottom:</span><span width="50" align="right">2.54 cm</span></div><b>Normal</b><br/> <div width="170"><span width="20">Top:</span><span width="50" align="right">1 cm</span> <span width="10"> </span> <span width="40">Bottom:</span><span width="50" align="right">1 cm</span></div> <div width="170"><span width="20">Left:</span><span width="50" align="right">2.54 cm</span> <span width="10"> </span> <span width="40">Bottom:</span><span width="50" align="right">2.54 cm</span></div> |
Leave a Reply!