HTML-koding i Nettskjema

HTML-koding brukes til å inkludere lyd eller video, og enkelte typografiske elementer.

Vanlig redigering gjøres ved å markere teksten og bruke menyen i editoren.

Noen typer markup (HTML-koder) mangler i editoren. Det er derfor også mulig å skrive inn markup manuelt ved å velge knappen Kilde ved redigering.

kildeknappen

Av sikkerhetsmessige grunner er det ikke all koding som er tillatt. Markup som ikke er tillatt eller som er feil kodet fjernes automatisk ved lagring. Du kan legge inn markup i følgende felt:

Ved bygging/redigering av skjemaet

  • Sideelementer: Tittel og tekst
  • Spørsmålselementer: Spørsmålstekst, beskrivelse og svaralternativer
  • Matrisespørsmål: Spørsmålstekst og svaralternativer

Innstillinger

  • Melding på kvitteringsside etter levert svar

  • Melding når maks antall svar er mottatt

Når kun inviterte kan svare på skjemaet:

  • Invitasjonsinnstillinger: Invitasjonstekst i e-post

  • Påminnelsesinnstillinger: Påminnelsestekst i e-post

Redigering av markup i kilderedigeringsmodus

Du kan ikke bruke tegnene < og > som parenteser, eller for å markere korte deler av teksten, da dette vil tolkes som et ulovlig HTML-element og fjernes.

Du bruker egen HTML og CSS på eget ansvar. Vi oppfordrer til forsiktighet. Når du legger inn egen markup er det fort gjort å gjøre visningen dårligere på mobile enheter og i gamle nettlesere.

Hvis du har behov for å kode noe som ikke støttes (kode som slettes automatisk ved lagring), ta gjerne kontakt med oss: nettskjema@usit.uio.no.

Eksempler på html- og css-kode som er tillatt:

Kode Resultat
<br /> Enkelt linjeskift
<hr /> Horisontal linje (uten linjeskift
<strong>Fet tekst</strong> Fet tekst
<em>Kursiv tekst</em> Uthevet (Kursiv) tekst
Senket skrift: H<sub>2</sub>O  H2O
Hevet skrift: E = mc<sup>2</sup>  E = mc2
<div style="color:blue;">Dette er en blå setning.</div>
Dette er en blå setning.

<span style="font-size:18">Blokk med skrift i 18px</span> [1]

Blokk (span) med skrift i 18 px
<p>Avsnittstekst..</p> Avsnittstekst..
<div style="font-size:18px;color:red">Blokk (div) med rød skrift i 18pt</div> [2] Blokk (div) med rød skrift i 18pt
<span style="font-size:75%">Min blokk med skrift i 75% størrelse av normal</span>
 
Min blokk med skrift i 75% størrelse av normal
[1]  <span>...</span> kan brukes på del-tekster inne i annen tekstflyt
[2] <div>...</div>  brukes om hele avsluttede blokker av test/avsnitt/linjer

Lenke i knapp på kvitteringssiden

For å øke synligheten av en lenke som du ønsker at respondenten skal følge er det mulig å stilsette lenken som en knapp.

Koden for kvitteringstekst og knappestil registreres i feltet  "Melding på kvitteringsside etter levert svar" på innstillingssiden for skjemaet:

<p><strong>Tusen takk for at du vil være med på konferansen!</strong><br />

Du er hjertelig velkommen, men <em>husk at du må betale konferansen før påmeldingen er gyldig!</em></p>

<p></p><div><a class="receipt-link-as-button" href="https://www.uio.no" rel="noopener noreferrer" target="_blank">Gå til betaling av konferansen nå!</a></div>

<p></p>

Teksten rel="noopener noreferrer" legges automatisk på om den ikke finnes i din kode.

Delen som angir target="_blank" sørger for at lenken åpnes i et nytt vindu/ny fane. Om du utelater denne delen vil "klikk på"-knappen åpne den nye siden uten at startsiden med knappen holdes åpen.

Lenker som stiles med knapp vil framstå som en vanlig lenke i kvitteringsteksten i svarkopi eller bekreftelse på e-post.
Eksemplet vil se slik ut på kvitteringssiden: 

Koding av video

Eksempelkode:

<video width="400" controls>

  <source src="http://www.med.uio.no/studier/ressurser/elaring/mediearkiv/fag/anatomi/bevegelsesapparatet/undersokelse/rygg/videos/03-54.mp4" type="video/mp4">

  Your browser does not support HTML5 video.

</video>

Resultat:

Koding av lyd

Eksempelkode:

<p>Forelesning i IBER1501 22. september del 1:
<audio controls>
  <source src="http://www.uio.no/studier/emner/hf/ilos/IBER1501/v17/lydopptak/IBER1501_Forelesning_22_september_del_1.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio></p>

Resultat:

Forelesning i IBER1501 22. september del 1:

 

Slå av framdriftsindikator på skjema

Hvis visningen av framdriftsindikatoren ikke fungerer bra for ditt skjema[1] kan du legge følgende til adressen for å slå av visningen:

<normal adresse til svaring>?hideProgressbar=1

Du vil altså få følgende endring av visning ved å bruk det angitte tillegget på adressen:

Skjermbilde med progressbar
Skjermbilde med progressbar
Skjermbilde uten progressbar
Skjermbilde uten progressbar

[1] Dette kan ikke gjøres for skjema som er innstilt slik at de kun kan besvares ved invitasjon inne fra Nettskjema.
Du må ha tilgang til den direkte adressen til skjemaet, og det har du ikke for inviterte skjema.

Publisert 25. sep. 2017 22:02 - Sist endret 3. nov. 2021 12:02