Hvorfor den trengs
Canvas bruker jQuery UI til disse funksjonene på nettsidene. Canvas-appene laster det ikke på en vanlig side. Derfor skjer dette i appen:
- Faner vises som vanlige lenker, med alle panelene under hverandre.
- Sorteringskort kan ikke flyttes.
- Popuper, for eksempel «Vis svar», står åpne på siden.
Canvas fjerner skript fra sideinnhold, så dette kan ikke løses på selve siden. Det krever en temafil.
Hva den gjør
| På siden | I appen med kittet |
|---|---|
Canvas-faner (enhanceable_content tabs) | Faner som virker |
| Faner-blokken fra Canvas Designer | Faner som virker, med blokkens egne farger og samme utseende som på nett |
Sorteringslister (enhanceable_content sortable) | Kortene flyttes med piler eller med et håndtak |
Popuper (enhanceable_content dialog) | Åpnes og lukkes under lenken sin |
Den passer også til lys og mørk modus i appen, og den virker med skjermleser og tastatur.
Hva den ikke gjør
- Den legger ikke til noe på nett. Havner den på en nettside, gjør den ingenting.
- Den laster ikke noe fra andre nettsteder, sender ingenting og lagrer ingenting.
- Den endrer ikke sidene. Den kjører bare mens en side er åpen i appen.
Kjører ikke filen, går ingenting tapt. Panelene står synlige under hverandre, og kortene står i samme rekkefølge.
Installer
Du trenger administratorrettigheter i Canvas, og egen JavaScript må være slått på for institusjonen. Ser du ikke opplastingsfeltene, spør kontaktpersonen deres hos Instructure.
- Gå til Admin, velg kontoen, deretter Temaer, og åpne temaet dere bruker.
- Åpne fanen Last opp.
- Under Canvas-appene laster du opp
canvas-designer-app-kit.jssom JavaScript-fil. La JavaScript- og CSS-filene for nett stå som de er. - Forhåndsvis, og bruk temaet.
- Lukk appen helt, og åpne den igjen.
Har dere allerede en JavaScript-fil for appene? Da skal den ikke erstattes. Legg koden fra kittet øverst i filen deres, og last opp den. Rekkefølgen er viktig: kode som bruker jQuery ($), stopper med en feil i appen, og alt etter den blir aldri kjørt. Da kan det se ut som om kittet ikke virker.
Test
Test på en side appen aldri har åpnet. Canvas skriver adressen til skriptet inn i innholdet på hver side, og appen tar vare på lagrede kopier, på iPhone i opptil 2 timer. En gammel side kan derfor bruke det gamle skriptet en stund. Da oppfører fanene seg som vanlige lenker som hopper nedover siden.
Sjekk faner, sortering og popuper i lys og mørk modus, helst både på iPhone og Android.
Kittet er prøvd på telefon ved Nord universitet og testet i kopier av sideoppsettet i begge appene.
Egne farger
Fargene gjelder bare faner som ikke har egne farger. Endre COLOURS øverst i filen:
onogonText: den åpne fanen i lys modusonDarkogonTextDark: den åpne fanen i mørk modustextOnWhite: tekst på en hvit fane eller et hvitt kort
Angre
Last opp den forrige filen igjen, eller fjern filen fra temaet, og bruk temaet. Sidene er som før, fordi kittet aldri endret dem.