Gå till innehåll

En action är en länk som har en speciell form som framhäver den på sidan (namnet kommer från call to action, en uppmaning att göra något). Färgen på en action följer den färg som webbplatsen har.

Action med valfria ikoner

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

Förstora bilden

I modullistan hittar du Action under kategorin Övriga.

  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".

Senast uppdaterad:

Publicerad:

Kontakta Webbmanual & webbriktlinjer

Kontakta Örebro kommuns servicecenter

Telefon: 019-21 10 00 

Öppettider: Vardagar kl. 8–16.30

Besöksadress: Näbbtorgsgatan 10

Öppettider: Vardagar kl. 10–16

E-post till servicecenter

 servicecenter@orebro.se