what is the new field "icon" for templates setup - My Forums

what is the new field "icon" for templates setup

elz064 — Oct 20, 2014, 09:41 AM

Hi,

I noticed a new field when setting a template : in french it appears as "icône", right after the description field. it's optional and seams to stand for a "personalized class for alla ressources using this tpl"

Rigght but what's the corresponding tv ?
[[*icon]] (or [[+ ) does not returns anything.

Any informations about it ?

thank you

Re: what is the new field "icon" for templates setup

jcdm — Jul 07, 2017, 07:09 AM

For those playing at home after the fact who found this like I did, the FontAwesome version being used in MODX 2.5.7 is a 'conversion' of FontAwesome 4.7.0 and I found this in the comments at the top of the CSS file that lives here: /manager/templates/default/css/index.css

By 'conversion' I mean, as sotwell pointed out above, that the 'fa-' part of the class names seems to have been replaced with 'icon-', I imagine as a way of covering off backwards compatibility.

Re: what is the new field "icon" for templates setup

squarou — Aug 13, 2015, 12:02 PM

For those who are wondering wich string can be use in the icon field, here's an example :

icon-newspaper-o

And you can even use the spin effect :

icon-refresh icon-spin

Icons can be found here : http://fortawesome.github.io/Font-Awesome/icons/
Just remember to replace the defaut fa-* with icon-*

Re: what is the new field "icon" for templates setup

vallev — May 27, 2015, 12:04 PM

Quote from: BobRay at Jan 22, 2015, 11:17 PM

The intention is that every modDocument that uses a particular template can have a unique icon in the Resource tree. I don't think it's meant to apply to containers, symlinks, or weblinks. I'm not sure about static resources.
I'd be curious to know how the Articles container gets the coffee-cup icon.

Icon applies to any resources that use a particular template. For example, you can use "icon-pdf" for pages with PDF content attached or something like that.
Well, what about coffee icon, I'm gonna disappoint you, because they made it this way:

.icon-coffee:before, .icon-css:before, .icon-htm:before, .icon-html:before, .icon-js:before, .icon-less:before, .icon-scss:before, .icon-styl:before, .icon-xml:before {
    content: "\f1c9"
}

So you have to add your own class to manager's index.css file with the following content:

    content: "\f0f4"

And yes, they use an old 3.2.1 version of Font Awesome, so here's the link to icons you can choose from.

Re: what is the new field "icon" for templates setup

sottwell — May 02, 2015, 12:18 AM

Looking in the manager's CSS file, it appears that it's using fontawesome version 4.2.0, yet the syntax and available icons appear to be for 3.2.1

Re: what is the new field "icon" for templates setup

BobRay — Jan 22, 2015, 05:17 PM

The intention is that every modDocument that uses a particular template can have a unique icon in the Resource tree. I don't think it's meant to apply to containers, symlinks, or weblinks. I'm not sure about static resources.

I'd be curious to know how the Articles container gets the coffee-cup icon.

Re: what is the new field "icon" for templates setup

howster — Jan 22, 2015, 02:37 PM

Choose them from http://fortawesome.github.io/Font-Awesome/3.2.1/icons/ specifically 3.2.1

see attached

Re: what is the new field "icon" for templates setup

elz064 — Oct 21, 2014, 02:45 AM

thank you.

But I don't know how to use it .. Reading the issue on Github I understood there might exist somewhere a list of all 'classes' or icons names to be use ?
or should we enter in the field an absolute/relative path pointing to an icon files ?

Re: what is the new field "icon" for templates setup

sottwell — Oct 20, 2014, 12:24 PM

I believe that it's supposed to be for an image to use as the icon in the Resource Tree for resources using that template. I don't know if it actually works, though.

https://github.com/modxcms/revolution/issues/11784