Endre utseendet på nytt grensesnitt med Primo Studio

Transkript

1 Endre utseendet på nytt grensesnitt med Primo Studio Ex Libris har lansert en ny funksjonalitet sommeren 2018 som gjør det lettere å tilpasse grensesnittet og se endringene live. Endringene har ingen virkning på det faktiske grensesnittet frem til du laster opp det genererte stilarket, slik at du kan teste så mye du vil med Primo Studio. 1 Komme i gang med Primo Studio Gå til og fyll ut feltene Primo URL og Primo View. Primo URL skal være nøyaktig med skråstrekk og uten mellomrom etter lenken. Tips: ta høyreklikk og velg kopier hyperkobling. View-koden finner du i Oria-URLen, etter «vid=» Trykk på Start your studio with the above details.

2 Du vil komme til følgende skjerm: Merk at dette er default-koden for Oria. Koden som er lastet opp av Unit-BIBSYS for hele konsortiet vises ikke, og resultatet vil kanskje se annerledes ut når dine endringer i Primo Studio implementeres i Produksjon (Se punkt 5). Eventuelle endringer som er gjort på din instans vises heller ikke og vil overkjøres.

3 2 Tilpasse fargene i Theme-taben I venstre-panelet er det en liste over «områder» som du kan tilpasse. Merk at fargen du velger for hvert «område» vil påvirke ulike deler av Oria, med ulike nyanser av fargen du har valgt. Eksempler: Primary Positive

4 OBS: i produksjon blir disse to knappene påvirket av «sentralpakken» vi lastet opp for hele konsortiet. Se punkt XX om hvordan du endrer bakgrunnsfargen på disse. Mer informasjon om hva de ulike «områdene» påvirker finner du her: e/using_primo_studio#changing_a_view's_colors 3 Endre logoen OBS: Vi anbefaler at du laster opp egen logo, ellers vil Ex Libris-logoen bli inkludert i den genererte pakken. Gå til Images-taben. Klikk på Choose logo file og velg logofil. OBS: filen må være i png-format. Etter at filen er valgt, klikk på Upload images for å se resultatet.

5 4 Laste ned endringene Om du er fornøyd endringene dine kan du gå til Download-taben. Trykk på Download-knappen og velg hvor zip-mappen skal lagres. Sjekk at «Lagre fil» er valgt og trykk på OK. Den genererte filen finner du igjen i «Nedlastinger». 5 Endre fargen på søkeknappen og «Vis flere treff»-knappen [valgfritt] Disse to knappene styres av sentralpakken: Om du vil endre fargen må du redigere zip-mappen du nettopp har generert. Finn den i Nedlastinger og Unzippe den. Vi anbefaler å bruke 7-Zip eller Winzip.

6 Finn frem til css-mappen og åpne filen i for eksempel Notepad++ eller lignende. Filen heter custom1.css. Gå helt nederst i filen og lim inn følgende regler: /* søkeknapp*/.zero-margin.button-confirm.md-button.md-primoexplore-theme.md-ink-ripple { background-color: white; } /* Vis flere treff-knapp*/.button-confirm.button-large.md-button.md-primoexplore-theme.md-ink-ripple { } background: white; Om ønskelig, erstatt «white» med fargen du ønsker, enten html-kode (for eksempel #ffffff) eller fargenavn på engelsk. Lagre filen og zip mappen igjen. Pass på å zippe mappen som heter [din institusjonskode] og ikke den som heter «package». 6 Laste opp pakken i Primo Back Office Dette er stegene i å oppdatere de lokale filene for Oria: 1. Logg på Oria back-office 2. Gå til Primo Utilities > UI customization Package Manager 3. Finn filen ved å klikke på Bla gjennom og klikk deretter på Upload

7 4. Klikk på Deploy for å aktivere den nye filen