Loading ...

Is there a list for file icon classes? | Communifire Support

Home » Spaces » Communifire Support » forum » Features and Functionality » Is there a list for file icon classes?
Communifire Support

Leave Space :

Are you sure you want to leave this space?

Join this space:

Join this space?

Add a new tab

Add a hyperlink to the space navigation. You can link to internal or external web pages. Enter the Tab name and Tab URL. Upload or choose an icon. Then click Save.

The name that will appear in the space navigation.
The url can point to an internal or external web page.
Login to follow, share, and participate in this space.
Don’t have a support community login?Create your account now
Posted in: Features and Functionality

Is there a list for file icon classes?

Subscribe to RSS
  • Xenon

    I'm looking for a list that shows me what the available file icon classes are. I'm referring to these:

    I'm not referring to these:

  • mtrujillo

    Hey Xeng,

          Check out this link.

    Matt

  • Xenon

    Matt,

    I'm familiar with the link you provided, but those aren't the icons I am referring to. I'm asking if there is another list Communifire has that shows the classes for the word/pdf icons that I took a screenshot of. Are there more classes for those, other than the ones in the link you provided?

    Example: PDF class is this class="cf-icon cf-icon-file-pdf", which generates this 

  • mtrujillo
    Answered

    Hey Xeng,

         Sorry for the confusion. Because we use a 3rd party library, there isn't a simple way to display these icons because the library uses a mix of javascript and CSS to show the image. You can hunt down the classes though, open the below file in your site:

    /assets/Themes/default/css/all.css

    Search for "cf-icon-file-pdf" and you should run into a section with class names you can use.

    Matt

  • braund

    Hi, I am also working on Xeng's issue. I see those classes in all.css, but they are for positioning a PNG sprite sheet that doesn't seem to be present.

    I see you have these classes pointing at PNGs:

    .cf-icon {
    float: left;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    background-image: url(../images/cf-icons.png)
    }

    .cf-icon-social {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    background-image: url(../images/cf-icons-social.png)
    }

    .cf-icon-misc {
    float: left;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/cf-icons-misc.png)
    }

    But non of those PNGs have the document icons for PDFs and such. Is there another cf-icons-* present in the images folder that we can import and use?

  • gskamau
    Answered

    Hey Dan,

    File icons are in cf-icons.png, mostly in the center column. The PDF icon is towards the middle and in the center column.

    Grace

  • braund

    Doh! I see them now. Thanks very much!

Page 1 of 1 (7 items)