Foswiki icons

In de zoektocht om een blauwe SOL-pijl te kunnen gebruiken in Foswiki kwam ik uit op de FamFamFam -icons:

• site down in 2023…
  • site: http://www.famfamfam.com/
  • preview: http://www.famfamfam.com/lab/icons/silk/preview.php
• find a preview attached

Var JQICON

FamFamFamSilkIcons

Werking in Foswiki

• check in de configuratie het Icon Search Path
  • zie je daar FamFamFam... => OK
  • is enable aangevinkt => OK
• lees hier hoe je de betreffende icons gebruikt: https://foswiki.org/Extensions/JQueryPlugin:
  • voorbeeld ! voor
• hier vind je alle benamingen van al die icons: http://foswiki.org/System/FamFamFamSilkIcons
  • de blauwe pijl (detailfuncties) is de volgende: %JQICON{"resultset_next"}%
  • het potloodje (bewerken) is de volgende: %JQICON{"pencil"}%
  • een blaadje met een potloodje (bewerken): %JQICON{"page_edit"}%
  • 
  • het rode andrieskruis (verwijderen) zoals reeds gezegd is de volgende: %JQICON{"cross"}%
  • het sleuteltje met blauw vinkje (account overnemen) bestaat niet als dusdanig, maar je hebt wel %JQICON{"key_go"}%
  • ook een blauw/wit huisje (Terug/Annuleren) bestaat niet als dusdanig, maar je hebt wel %JQICON{"house"}%
  • "bewaren" doen we met de diskette: %JQICON{"disk"}%
  • "nieuw" doen we met een wit blad: %JQICON{"page"}%
  • en "kopiëren" met twee witte bladen: %JQICON{"page_copy"}%
  • en tot slot kunnen we voor de "prullenbak" gebruikmaken van %JQICON{"bin"}%

Instellingen

Je kunt de grootte wijzigen of een animatie toevoegen enz. Lees er alles over hier: http://wiki.boossy.be/bin/view/System/VarJQICON

Font Awesome

Als je ook de JQueryPlugin JQueryFontAwesome installeert, kun je zelfs een icoon uit de Font Awesome-vectorreeks gebruiken als parameter van de JQICON-macro.
Zo resulteert %JQICON{"fa-snowflake-o"}% bv. in .

Voorlopig is het nog Font Awesome 4.7. Maar wellicht kan 5.0 ook wel geïnstalleerd worden.

FamFamFamMiniIcons

De Mini-set werkt anders: http://wiki.boossy.be/bin/view/System/FamFamFamMiniIcons:

<img alt='action_back.gif' src='%PUBURLPATH%/%SYSTEMWEB%/FamFamFamMiniIcons/action_back.gif' title='action_back.gif' />
<img alt='action_forward.gif' src='%PUBURLPATH%/%SYSTEMWEB%/FamFamFamMiniIcons/action_forward.gif' title='action_forward.gif' />

resulteert in:

Zie de hele familie hier: http://wiki.boossy.be/bin/view/System/FamFamFamMiniIcons