Søg i Septima Widget K
Billede
Vis et billede på din hjemmeside. Det kan f.eks. bruges til at vise en generel signaturforklaring.
Samme funktionalitet kan opnås gennem funktionen HTML, hvor der er flere muligheder.
Options
Herunder findes en beskrivelse af de enkelte egenskaber, der kan angiver til denne funktion.
disable
- Type:
boolean
- Default:
false
Skal kontrollen deaktiveres. Herved fungerer det, som om kontrollen ikke var tilføjet. Kan bruges til midlertidig at fjerne en kontrol.
detach
- Type:
string
Angiv en reference til et alternativ html-element, som denne kontrol skal vises i. Det kan benyttes til at placere indholdet af en kontrol et andet sted på sin side. Hvis detach har værdien "abc"
, så skal der tlføjes et element til HTML'en på denne form: <div data-widget-detach="abc"/>
. Hvis elementet ikke findes, så fungerer kontrollen, som hvis detach ikke var angivet.
url
- Type:
string
URL til billedet.
altText
- Type:
string
Alternativ tekst, der vises hvis billedet ikke hentes korrekt. Bruges også i forbindelse med tilgængelighed, så en skærmlæser kan fortælle brugeren hvad billedet viser.
activateButton
- Type:
object
Aktivér billedet vha. en knap i kortet. "activateButton" kan indeholde "title", "className" og "html", der alle er optionelle. De har alle en brugbar default værdi. "title" bruges til at angive en tekst, der vises når musen holdes over knappen. "className" tilføjer en CSS-klasse til selve knappen. "html" erstatter indholdet af kanppen med det, der er angivet her. På denne måde er det muligt f.eks. at skifte ikon på knappen. Her er et eksempel på, hvordan "activateButton" kan angives:
json
"activateButton": {
"title": "Vis signaturforklaring",
"className": "my-style",
"html": "<i class='mdi mdi-format-list-bulleted-type'></i>"
}
buttonIndex
- Type:
number
- Default:
0
Hvis der er flere kompoenter med knapper i kortet, så bliver de tilføjet i en tilfældig rækkefølge. Ved at angive buttonIdex
er det muligt at bestemme rækkefølgen. Laveste index kommer først. Hvis to knapper har samme index vil det være tilfældigt hvilken der kommer færst.
Eksempler
Vi kan desværre ikke finde nogen eksempler, der bruger denne komponent.