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

Was this article helpful?