It looks great, thanks! It looks like you forgot to include the styling for the items, since every items appears underneath each other instead of next to each other. I fixed it by adding style tags though:
PHP Code:
$document->add(new Comment("
<style>
.sc_item {
display: inline-table;
padding: 5px;
text-align: center;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 3px;
}
.s_panel {
border-radius: 2px;
border: 1px solid #CCC;
background-color: #FBFDF2;
height: 200px;
}
</style>
<div class='s_panel sc_item'>
<img rel='tooltip' title='{$usage}' src='{$item->imageurl}' style='height:100px; width:auto;'><br>
<b>{$item->itemname}</b><br> Own ×{$item->quantity}<br>", FALSE));
I think it only works without adding style tags if you added Kyttias's styling in your theme's css file.