Innstillingene for utseende lar deg tilpasse Scan App til merkevaren din for hvert Action Center. Du kan angi appens farger, logo, appnavn og navigasjon, slik at medarbeiderne åpner en app som samsvarer med organisasjonens visuelle profil. Utseendet konfigureres per Action Center, noe som betyr at forskjellige Action Centers kan ha hver sin profilering.
Slik fungerer det
Utseendet angis per Action Center under Action Center > Settings > Appearance.
Når en medarbeider velger et Action Center i Scan App, bruker appen profileringen for dette Action Centeret: logo, appnavn, farger og navigasjonsrekkefølge.
Alle innstillinger støtter både et light- og et dark-tema, og appen bruker automatisk riktig tema basert på temamodusen medarbeideren har valgt.
Endringer tas i bruk med en gang. Medarbeidere kan trekke ned for å oppdatere på skjermen Events og hente ny profilering uten å installere appen på nytt eller logge ut.
Alle profilelementer er valgfrie. Hvis noe ikke er angitt, bruker appen en passende standardverdi (se Reserveinnstillinger nedenfor).
Konfigurere utseendet
Gå til Settings > Appearance i Action Center. Mens du gjør endringer, viser en direkte forhåndsvisning av en telefon til høyre hvordan appen vil se ut med både lyst og mørkt tema. Når du er ferdig, velger du Save.
App name
Skriv inn et egendefinert App name for å erstatte standardteksten "Scan App" som vises i appen. Feltet er valgfritt og begrenset til 30 tegn. La det stå tomt for å beholde standardnavnet.
Logoer
Last opp et Light theme logo og et Dark theme logo. Appen viser logoen som samsvarer med medarbeiderens gjeldende tema. Logoer er valgfrie.
File format: Kun PNG. Hvis du laster opp en annen filtype, vises "Invalid file type. Upload a PNG file."
File size: Opptil 1 MB. For større filer vises "File exceeds the maximum size of 1 MB."
Tip: Bruk en egnet logo for hvert tema. En logo som er laget for lys bakgrunn, kan være vanskelig å se i mørk modus og omvendt.
Temafarger
Angi en Light theme color og en Dark theme color ved hjelp av fargevelgeren eller ved å skrive inn en hex-verdi (for eksempel #3c7e86). Dette er den primære merkevarefargen din, og den brukes på overskrifter, knapper, den aktive navigasjonsfanen og andre fremhevede elementer i appen.
Hver farge kontrolleres i sanntid for lesbarhet mot bakgrunnen i det aktuelle temaet:
Good contrast: "Good contrast for this theme. Text and icons are easy to read (6.1 AA)."
Low contrast: "Low contrast for this theme. Text and icons may be hard to read (2.9 AA)."
Kontrollen følger WCAG AA-standarden, som krever et minimumskontrastforhold på 4,5:1 mellom primærfargen og bakgrunnen. Velg helst farger som består kontrollen, slik at tekst og ikoner forblir lette å lese.
Navigasjonsrekkefølge
Velg hvilke skjermer som skal vises i navigasjonslinjen nederst i appen, og i hvilken rekkefølge. Events is always first and Settings is always last. Velg 2–3 av følgende alternativer som skal vises mellom disse:
Pickup
Outbox
History
Dra de valgte elementene for å endre rekkefølgen. Appen viser totalt fire til fem faner, avhengig av hvor mange du velger.
Slik vises det i Scan App
Header: Appens topptekst viser logoen din. Hvis ingen logo er angitt, vises appnavnet ditt i stedet.
Brand color: Primærfargen brukes på den aktive navigasjonsfanen, knapper, overskrifter og andre interaktive elementer.
Navigation: Fanene nederst følger navigasjonsrekkefølgen du har konfigurert. ("Home" heter nå Events og "Profile" heter nå Settings.)
Switching Action Centers: Medarbeidere velger sitt Action Center på skjermen Events under Select action center. Når bare ett Action Center er tilgjengelig, skjules velgeren, og profileringen for det aktuelle Action Centeret brukes automatisk.
Velge et tema i appen
Medarbeidere velger hvordan appen skal bruke lys eller mørk modus under Settings > Preferences > Theme:
System — følger enhetens innstilling for lys eller mørk modus (standard).
Light — bruker alltid det lyse temaet.
Dark — bruker alltid det mørke temaet.
Profileringen for lyst og mørkt tema brukes i henhold til dette valget.
Reserveinnstillinger
Appen er utformet slik at den alltid ser komplett ut, selv når enkelte profilelementer mangler:
No logo: Appen viser appnavnet ditt i toppteksten.
No app name: Appen viser standardnavnet "Scan App".
No color: Appen bruker standardfargen for merkevaren.
Appearance can't be loaded: Appen fortsetter å bruke den siste profileringen som ble lastet inn uten feil.