14.2.0 Velkommen til manualen for Styleclasses 1 14.2.1 Introduktion til Styleclasses 1 14.2.2 Ny styleclass 1 14.2.3 Rediger styleclass 2 14.2.3.1 Custom 3 14.2.3.2 Setup 3 14.2.3.3 Slet 4 14.2.4 Problemer med Ticker op og ned effekt? 4 www.visiosign.dk
14.2.0 Velkommen til manualen for Styleclasses I denne manual gennemgås Styleclasses, som er en undermenu til menuen Profiler og styleclasses. Det er kun administratorer, der har adgang til Styleclasses. Forudsætninger for at forstå denne manual: Denne manual gennemgår styleclasses, som bruges i opsætningen af de forskellige kanaltyper. De enkelte kanaltyper beskrives ikke i manualen. For en uddybende forklaring af de enkelte kanaler henvises til kanalmanualerne 2.0-10.0. Denne manual er tilknyttet InfoBoard version 11.0. Indholdet i manualen vil løbende blive opdateret. 14.2.1 Introduktion til Styleclasses En styleclass kan beskrives som et fast design (font, størrelse, farve, etc.), som bestemmer hvordan indhold kommer til at se ud når det produceres i en kanal eller funktion og publiceres på InfoBoard. Når man knytter en styleclass til en kanal eller funktion vil denne styleclass automatisk blive anvendt i visningen af kanalen eller funktionen på InfoBoard. Samme styleclasses kan benyttes på en eller flere kanaler eller funktioner. I InfoBoard -løsningen vil der altid være en default styleclass til hver af de syv styleclassgrupper - News, RSS, Watch, Date, Guest, Ticker og Textfunction. Styleclassgruppen News anvendes både af Shift, Shiftliste og Slideshow. [Figur 1 viser hovedsiden for styleclasses hvor man kan vælge hvilken styleclassgruppe man ønsker at se.] Når man vælger en styleclassgruppe vil man se de styleclasses, der allerede er oprettet i den pågældende gruppe. 14.2.2 Ny styleclass De forskellige default styleclasses dækker de flestes behov. Men ønsker man at lave skræddersyede styleclasses, skal man lave en ny styleclass. For at oprette en ny styleclass skal man først vælge hvilken type af styleclass, som man ønsker at oprette. Dette vælges i den drop-down menu, som er vist i figur 1. Herefter trykkes Ny class og navn på styleclass angives. Når man laver en ny styleclass vil indstillingerne være kopieret fra default styleclassen. Efter at have navngivet den nye styleclass kommer man ind i styleclasseditoren, som har otte faner med indstillinger: Font, Block, Background, Border, Box, Position, Layout og Example. Det vil oftest være i den første fane Font, at flest indstillinger skal gøres. De resterende faner ændres ikke så tit. Fanen Example viser et eksempel af den styleclass, som man er ved at oprette. De fleste af styleclassgrupperne (news, watch, date, ticker og textfunction) har kun én style. Styleclassgrupperne RSS og Guest har begge en række forskellige styles at vælge imellem. Se tabel 1. 1
[Figur 2 viser de forskellige indstillnger man kan sætte i en styleclass.] Font-family: Her vælges skrifttype: arial, courier, times new roman, verdana. Font-size: Her vælges skriftstørrelse angivet i pixels. Font-weight: Her vælges tykkelse af skriften: normal, bold (fed), bolder, lighter. Font-style: Her vælges skriftens udseende: inherit, italics (kursiv), normal, oblique. Font-color: Her vælges skriftens farve. Man kan vælge fra skemaet eller indtaste farvekode direkte i feltet. Husk at trykke Set når farven er valgt. Tryk Save når alle indtillinger i fanan Font er bestemt. Husk at tryk Save hver gang man er færdig med indstillinger i en bestemt fane. Når styleclassen er færdig trykkes Næste og man vender tilbage til hovedsiden, hvor den nye styleclass vil være vist under den stylegruppe, som er valgt. Den nye styleclass er nu tilgængelig og kan knyttes til en kanal eller funktion, hvilket gøres i Setup eller funktionen. for kanalen 14.2.3 Rediger styleclass Ønsker man at redigere i en styleclass tryk Rediger og man sendes ind i styleclasseditoren. Styleclassgruppe Styleclass News Newsbox RSS Channeldescription, Channeltitle, Itemdescription og Itemtitle Watch Watch Date Date Guest Appointmentdescription, Appointmentframe, Appointmenttime, Frame og Itemtitle Ticker Ticker Textfunction Textfunction [Tabel 1 viser de foeskellige styles som kan indstilles for de enkelte stylegrupper.] 2
Opretter man en ny RSS eller Guest styleclass har begge en række forskellige styles at vælge imellem. Se tabel 1. Disse vises i bunden af siden i en drop-down menu, hvor man kan vælge hvilken style man vil arbejder med. I styleclassgrupperne News, Watch, Date, Ticker og Textfunction er der kun én style. Se tabel 1. Hver gang man laver en ændring skal man huske at trykke Set og Save ellers vil ændringerne ikke blive gemt. Tryk Næste for at gemme og vend tilbage til hovedsiden. 14.2.3.1 Custom Ud over de faste styling muligheder er der mulighed for at lave custom styleclasses. Dette er gøres i styleclass editoren under fanen Custom. Det er typisk en mulighed, der benyttes til at lægge en baggrundsfarve bag en kanal el.lign. [Figure 3 viser fanen Custom.] Det er vigtigt at skrive syntaksen i formattet: css-property: css-value; eller eks. background-color: #FFFFFF; Husk at afslutte med kolon ;. Indsæt et baggrundsbillede eller farve: Under fanen Position indstilles højde og bredde til: billede størrelse, kanalens størrelse eller 100%. Under fanen Custom indtastes f.eks.: background-image:/files/pic/thisismyimage.png; eller background-color: #000000; Disse custom styles giver mening for følgende styles: news (shift, shilftliste, slideshow kanaler), watch og guestlist (læg stylen på frame). Bemærk: Det er svært at arbejde med custom stylesheets, generelt kan der være stor forskel på fortolkningen af styles, husk at InfoBoard er designet til visning i Internet Explorer 8.0. De styles der benyttes andre steder i styleclass editoren er testet på InfoBoards. De styles man selv laver vil det ofte være svære at teste 100%. Videre er der også standard styles som f.eks. border, der ikke kan vises på et InfoBoard i det at denne allerede benyttes til at styre InfoBoardets visning. 14.2.3.2 Setup 3
I Setup kan man ændre navnet på styleclassen. Tryk Næste for at gemme og returnér til hovedsiden. 14.2.3.3 Slet For at slette en styleclass trykkes på Slet. Man kan ikke slette en styleclass, som er i brug. Dvs. at hvis en styleclass er knyttet til en eller flere funktioner eller kanaler, kan den ikke slettes. 14.2.4 Problemer med Ticker op og ned effekt? For at indstille en Ticker til at køre op og ned, kræver specielle indstillinger i styleclassen. Se disse indstillinger nedenfor. [Figure 4 line-height er sat til auto.] [Figure 5 højden skal match kanalens højde.] 4