Action

Action med valfria ikoner

Actions kan skapas med valbara ikoner från Font Awesome. Den typen av actions infogas från modullistan.

1. Klicka upp listan med moduler.
2. Under rubriken Övriga hittar du modulen Action.
3. När du klickar på Action öppnas ett dialogfönster.
4. I dialogfönstret får du skriva in länktext, det som ska stå i knappen t.ex. Ansök om plats i förskola.
5. Du ska även skriva in själva länken som actionknappen ska leda till. Antingen en extern länk eller en intern. Om du skriver in både en extern och en intern så blir det den externa länken som knappen leder till.
6. Det sista steget är att du ska skriva in den ikon som ska visas i actionknappen. Vi använder oss av Font Awesomes ikoner och alla ikonerna hittar du här. För att se rätt css-klass, klicka på ikonen och kopiera den gröna texten i html-fliken, t.ex. fa-facebook för Facebook-ikonen. Det är det namnet du ska skriva in i denna ruta.
7. När du fyllt i allt klickar du på OK så läggs knappen in på sidan. Knappen ser lite konstig ut när du lägger in den första gången på sidan, men efter att du har publicerat sidan kommer knappen att se bra ut.

Exempel på olika actionknappar

Ikonen heter fa-chevron-right.

Ikonen heter "far fa-edit".

Ikonen heter "fas fa-map-marker-alt".

Ikonen heter "fab fa-facebook-f"

Ikonen heter "fab fa-instagram".