CSS classes: Download list widget

Following is the list of CSS classes applied to Download list widget:

CSS class name  Class set to Default HTML tag
sfSmallIcns Wrapper of list of downloadable files, if they have small icons (18x20). <div>
sfLargeIcns Wrapper of list of downloadable files, if they have large icons (34x35). <div>
sfdownloadList Wrapper of list of files used in List and List + Detail page <ul>
sfListMode Wrapper of list of files used in List <ul>
sfListAndDetailMode Wrapper of list of files used in List + Detail page. <ul>
sfdownloadFile Single file wrapper. <li>
sfdownloadTitle Single file name. <a>
sfInfo Wrapper of file extension and size. <div>
sfHasIcons Wrapper of table of downloadable files if they have icons. <div>
sfdownloadTable Wrapper of table of files used in Table and Table + Detail page. <div>
sfTableMode Wrapper of table of files used in Table mode. <div>
sfTableAndDetailMode Wrapper of table of files used in Table + Detail page. <div>
sfdownloadTitle File name wrapper. <td>
sfdownloadType File extension wrapper. <td>
sfdownloadSize File size wrapper. <td>
sfdownloadDate File uploaded date wrapper. <td>
sfdownloadCell File download link wrapper. <td>
sfdownloadLink File download link. <a>
sfdownloadDetails Wrapper of single file details. <div>
sfdownloadLinksWrp Go back link wrapper. <div>
sfdownloadBack All items link in details mode. <a>
sfdownloadSummary Wrapper of file summary. <div>
sfdownloadLinkWrp Wrapper of download link. <div>
sfdownloadLink Download link.
<a>
sfInfo Wrapper of file type and file size. <div>
sfpdf A corresponding tag when the file’s extension is .pdf.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfdoc A corresponding tag when the file’s extension is .doc.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfdocx A corresponding tag when the file’s extension is .docx.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfrtf A corresponding tag when the file’s extension is .rtf.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sftxt A corresponding tag when the file’s extension is .txt.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfxls A corresponding tag when the file’s extension is .xls.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfxlsx A corresponding tag when the file’s extension is .xlsx.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfzip A corresponding tag when the file’s extension is .zip.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfjpg A corresponding tag when the file’s extension is .jpg.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfjpeg A corresponding tag when the file’s extension is .jpeg.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfgif A corresponding tag when the file’s extension is .gif.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfpng A corresponding tag when the file’s extension is .png.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfppt A corresponding tag when the file’s extension is .ppt.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfpps A corresponding tag when the file’s extension is .pps.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfpptx A corresponding tag when the file’s extension is .pptx.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfhtml A corresponding tag when the file’s extension is .html.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode
sfhtm A corresponding tag when the file’s extension is .htm.
(80x20)
<a> in List mode, <tr> in Table mode, <div> in Details mode

Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.

Get started with Integration Hub | Sitefinity Cloud | Sitefinity SaaS

This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.

Web Security for Sitefinity Administrators

This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.

Foundations of Sitefinity ASP.NET Core Development

The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.

Was this article helpful?