Custom icon in table

[kmattern]

I have a table that looks like this:

My customer wants the table to look like this:

Any ideas? I've looked into iconify but that doesn't seem to work. I'm not sure anything will but I could really use it.

[sideview]

It's doable with the Sideview Table module, which is new in Sideview Utils 2.2. Note you can get the latest Sideview utils version only from the sideview site

Let's say that for each of your status values, you have an icon in appserver/static somewhere, whose filename is like "status_icon_2", "status_icon_4", etc...

Here then would be the config for the Table module:

<module name="Table">
  <module name="HTML" group="row.fields.Access Status">
    <param name="html"><![CDATA[
      <img src="/static/app/sideview_utils/images/status_icon_$row.fields.Access Status$.gif">
    ]]></param>
  </module>
</module>

Note carefully the two places that $row.fields.Access Status$ appears.

Also note that I've put Sideview Utils as the name of the app and you'll almost certainly want to replace this with your app name (wherever your images are)

You can also break this up and just put a className into the HTML, and then define the actual images over in the CSS. Here I've kept it simple and just dumped out the <img> tags right into the HTML.

And in case you're wondering, you can actually use any other modules in there. The embedding feature offered by the Table can be a little mindblowing.

That said, the Sideview engineering here is a little ahead of the Sideview docs. Follow sideview on twitter (@sideview_apps) to get notified when new versions are released, and expect a new version in the next few weeks with some new docs and examples spelling out all the simple and powerful things you can do with the new Table module.

[sideview]

Since my answer was written there are several pages of documentation just about the Table module, and several examples. Make sure to first read through the first few general pages of the Sideview Utils docs so you understand how to use the Sideview modules in general .

[khyoung7410]

Thank you. Download it. Table module where insert? Example please

[sideview]

Fill out the download form again and try again. The link only works once, so if you double click it, even accidentally, or if you click, hit escape and then click again, you'll download either an empty file or an html page telling you the link is expired. Try again and it'll work though.

[khyoung7410]

Visited Sideviewapps.com
But download file is 0 byte.

[Drainy]

Read the first paragraph which says what its in, the version its in and even has a link to get it... pretty detailed

[khyoung7410]

Where the Table module ? Please give me a table module.

[dspracklen]

Thanks for the example of how to do this. I found it very handy as well.

[kmattern]

Thanks! I have been playing with Sideview and like what I see. First thing in the morning I'll work withthis.