Board Thread:Support Requests - Getting Technical/@comment-9725237-20150810223658/@comment-4731443-20150811180606

The complexity of this depends on how closely you want to emulate that look. The whole look with the stylized borders, while feasible, would require more CSS than I assume you are familiar with, high-resolution source images to decorate the table, and wouldn't show on mobile anyway.

But if you are satisfied with the general layout being preserved, it could be as simple as making a table with a few rows and inserting those little icons into them. Things get a little more complex if the number of icons (or even the type of icon) is variable, but still feasible using conditional output.

The basic HTML could look like this: Of course you could add CSS for colors, borders and such (keeping in mind that that CSS will be ignored on mobile devices).

The link in my previous post explains how to make an infobox with more detail. If your number/style of icons is variable, you could use a different image for each different scenario and use a switch parser function to determine which image to display based on the stat, but that is an advanced technique. A simpler approach in the short term would be to require editors to specify the image themselves when they use the template. So a template call could look like this:

And the table part of your template code could look like: (That's approximate but should give you an idea of the logic you're shooting for.) Your editors can specify different images for different values. If the icons stay exactly the same no matter the value, then you don't even need to make it a variable, just put the one image in your table and you're set.