Systemmanual Corda/Instrato 7.0 – administrator
   [For Judith: Utskyting og tiltrykk « (⇧) » Selvregistrering]

Design

Så godt som alle elementer i Corda kan tilpasses ved å redigere i firmaets layout-mappe. Layout-mappen redigeres via web-grensesnittet. Denne får du tilgang til fra administratorsiden Eget firma og knappen «Filutforsker» helt nederst.

Nye firmaer som opprettes arver design (og andre innstillinger) fra Superadmins firma.

filutforsker-1-2020
Filutforsker


Filtype-ikoner.

Følgende filer/mapper ligger i layout-mappen for hvert firma, og styrer design:

  • custom.css – Denne css-fila styrer hoved-layout. De fleste side-elementer i Corda kan stilsettes. Enten ved en generell klasse (td) eller ved at mange tabeller har sin egen definerte klasse (img.listdoc). Hvis en klasse ikke er definert her, men i en css-fil et annet sted i systemet, kan systemets stil overstyres ved å legge den til i company.css. Dette gjelder f.eks. design av mediebank (se avsnittet CSS-klasser under).
  • profile.css/profile.loggedin.css – CSS-fil som styrer sidene til modulen Grafisk profil. Hvilken fil som blir brukt avhenger av om den besøkende er logget inn i Corda (profile.loggedin.css) eller besøker den offentlige profilsiden uten å være logget inn (profile.css). På den måte kan man f.eks. styre at det vises en venstremeny på den offentlige siden, men ikke på den innlogede siden (der finnes jo allerede en venstremeny i Corda). Dersom det ikke finnes en profile.loggedin.css, brukes profile.css. profile.css må alltid være på plass.
    Hvis firmaet har flere profilbøker, vil det ligge css-filer med navn som inneholder denne bokens ID i databasen, f.eks. «profile.5.css»
  • Filetype-icons – Systemet genererer automatisk miniatyrer av bilder og PDF-filer som lastes opp. Dersom systemet ikke får til å generere miniatyr, hvis fila som lastes opp f.eks. er en Word-fil, bruker Corda «etternavnet» på fila og viser riktig fil-ikon i stedet for en forhåndsvisning. Hvilke ikon som vises for hvilke filtyper, styres i mappen «Filetype_icons» i layout-mappen på firmaet. Filene her er navngitt på følgende måte: «doc.png», «eps.png», «mp3.png» osv. Når det lastes opp en Word-fil, viser Corda miniatyren «doc.png». Merk at det kun er navnet på den opplastede fila som styrer hvilket i kon som vises. Hvis du endrer navnet til f.eks. opplastet.mp3, vil ikonet endres til et mp3-ikon, selv om selve fila fortsatt en en Word-fil.
  • Logo – Logo oppe til venstre kan lastes opp via siden Eget firma, men kan også lastes direkte opp til layout-mappen på hvert enkelt firma. Merk at filnavnet må være nøyaktig det samme som eksisterende filer har. Logoen oppe tilvenstre må f.eks. ha navnet «logo.jpg». Det er likevel fullt mulig å laste opp en gif-fil og gi den navnet «logo.jpg». Dette fordi serveren ikke ser på filnavnet, men på selve filen for å finne ut hvilken type fil dette er.
  • Mediebank-ikon – Dersom du ønsker å bruke andre ikoner i mediebanken enn det som er standard, f.eks. bytte defaultikonet som brukes som mappe-ikon, kan det lastet opp en bildefil med samme navn som original-bildet til layout-mappen via QuixPlorer (mappeikon_100px.gif), og denne vil bli brukt i stedet for standardbildet. Det er viktig at bildet har samme format og samme navn som originalen.
  • templates/js – Dersom du har kjennskap til redigering av smarty-templates, kan du ved å legge tilpassede template-filer i templates-mappen, redigere design og funksjonalitet utover det du kan løse med css. Tilsvarende kan javascript-filer tilpasses i js-mappen.

Det er fortsatt mulig å laste opp filer som logoer og bakgrunner direkte på Design-siden. Superadmin kan i tillegg kopiere design fra et firma på serveren til et annet ved å klikke «Copy design» helt nederst på Design-siden. For å redigere innholdet i en fil, last den ned og rediger den lokalt. Last den så opp igjen. Ny fil vil erstatte gammel fil med samme navn.

CSS-klasser

Fra og med versjon 5.0 er alle knapper og de fleste tabeller og elementer i Corda gitt en css-klasse. Det vil si at administrator kan tilpasse design av disse elementene i fila company.css. Klassene blir ikke lagt til css-fila automatisk på Corda-servere som er oppgradert fra en tidligere versjon, men her følger en liste over alle klassene som brukes, og som enkelt kan kopieres inn i company.css:

/* For input-skjerm: */
input.updatebutton {}
td.tabs {}
td.buttons {}
td.viewpdf {}
td.modulename {}
input.viewpdf1button {}
input.viewpdf2button {}
input.saveformbutton {}
input.restoreformbutton {}
input.mailmergebutton {}
input.pricebutton {}
input.enhancerbutton {}
select.orderselect {}
input.orderbutton {}
input.proofreadbutton {}
td.modulename {}

/* Inni faner på input-skjerm: */
select.usercolorselect {}
select.userfontselect {}
input.userfontsize{}
input.userlinespace {}
input.userinput {}
.usertextarea {}
select.userselect {}
table.usertable {}
td.usertd {}
input.userupload {}
img.userminiature {}
div td span.infoinsidetabs {}
div>span.infoinsidetabs {}
div span.infoinsidetabs {}
div.dhxcont_main_content div table {width:100%}


/* Skjerm for å velge dokument: */
submit.listdoc {}
table.listdoc {}
td.listdoc {}
ul.listdoc {}
li.listdoc {}
img.listdoc {}

span.gc_link:hover {
cursor:pointer;
}

#picture_navigation_div {}

For å finne hvilken klasse som styrer et bestemt element i Corda, og hvordan det er definert (for å overstyre en satt stil må dette gjøre på samme måte i company.css som på det opprinnelige stilarket), er det noen måter å finne ut det på: Den mest effektive måte er å bruke funksjonen inspiser/inspect i nettleseren.