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.
Please enable JavaScript to use file uploader.
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:
Hey Xeng,
Check out this link.
Matt
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
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.
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 {
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-social {
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)}
.cf-icon-misc {
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?
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
Doh! I see them now. Thanks very much!
Choose a location
Forum :