Sorry for not replying sooner.
The icons are from FamFamFam
The template is:
{exp:ajw_client_downloads:folder orderby="id"}
{if no_results}<p>There are no folders for this user</p>{/if}
<h3>{folder_title}</h3>
<p>{folder_description}</p>
<table width="100%">
<thead>
<tr>
<th> </th>
<th>Title</th>
<th>Size</th>
<th>Date</th>
<th>Extension</th>
</tr>
</thead>
<tbody>
{if no_assets}<tr><td colspan="5">There are no assets in this folder</td></tr>{/if}
{assets orderby="title"}
<tr class="{switch="one|two"}">
<td>{id}</td>
<td><a href="{url}" class="icon icon-{extension}">{title}</a></td>
<td>{size}</td>
<td>{date}</td>
<td>{extension}</td>
</tr>
{/assets}
</tbody>
</table>
{/exp:ajw_client_downloads:folder}
The CSS to get the icons to work is:
a.icon,
a.icon-none {
border: 0;
padding: 4px 0 4px 20px;
background: transparent url(/images/icons/page_white.png) no-repeat 0 50%;
}
a.icon-pdf {
padding-left: 20px;
background: transparent url(/images/icons/page_white_acrobat.png) no-repeat 0 50%;
}
a.icon-zip {
padding-left: 20px;
background: transparent url(/images/icons/page_white_zip.png) no-repeat 0 50%;
}
a.icon-txt {
padding-left: 20px;
background: transparent url(/images/icons/page_white_text.png) no-repeat 0 50%;
}
a.icon-png,
a.icon-gif,
a.icon-jpg {
padding-left: 20px;
background: transparent url(/images/icons/page_white_picture.png) no-repeat 0 50%;
}
a.icon-rtf,
a.icon-doc {
padding-left: 20px;
background: transparent url(/images/icons/page_white_word.png) no-repeat 0 50%;
}
Each file is given a default class “icon” which provides the default formatting. This is then over-ridden with an “icon-extension” style class which changes the icon depending on the files extension.
Hope that makes sense!
Andrew
