Buttons

Dies ist die Dokumentation der Buttons der UMCO Akademie.

Call to Action

Frontend:

Backend:

Anmerkungen:

Primärer Button

Beschreibung des Einsatzzwecks der Farbe.

Call to Action

Sekundärer Button

Beschreibung des Einsatzzwecks der Farbe.

Call to Action

Hervorgehobener Button

Beschreibung des Einsatzzwecks der Farbe.

Call to Action

3-spaltiger Inhalt

Frontend:

Backend:

Anmerkungen:

Html

Mithilfe von HTML können weitere, bisher nicht in Neos vorgesehene Button-Arten über das HTML-Element eingesetzt werden.

Frontend:Mit dem HTML-Element realisierte Buttons sehen aus wie die entsprechenden Standard-HTML-Tags.

Backend: Der Button wird im Quelltext (siehe Inspektor) als HTML gepflegt und besteht aus einem standardkonformen Link-Tag ("a"). Mit Klassen können Button-Stile eingesetzt werden, die im externen Css von Strg angelegt sind. Diese können auch mit den unten folgenden Klassen von Neos kombiniert werden.

Anmerkungen: Hierfür benötigt man HTML-Vorkenntnisse. Strg ist gern bereit, neue Button-Stile und -Funktionen vorzubereiten, Bitte um Briefing. Siehe auch Dokumentation Html.

Breiter Button

Mit der Klasse "btn-call_to_action" kann der Button über die gesamte Breite gezogen werden.

Schmaler Button

Ohne die Klasse "btn-call_to_action" nimmt der Button nur die mindest-nötige Breite ein, die durch den enthaltenen Text vorgegeben ist. Zur optischen Optimierung ist der Button mit einem <center>-Tag eingefasst, damit er mittig in der verfügbaren Fläche dargestellt wird.

Normaler Button

Mit der Klasse "btn" wird der Button flat mit abgerundeten Ecken, aber ogne farbigen Hintergrund dargestellt.

Farbige Buttons

Mit den Klassen "btn-primary", "btn-secondary" und "btn-highlight" können Buttons im UMCO Akademie-Farbcode eingefärbt werden.