Loading…
Tilbage
×

Info

Der findes en nyere version af resourcen her

Borger.dk selvbetjenings iframe side til din egen test af visuel integration


Dette er en lille vejledning til hvordan du selv kan teste visuel integration med Borger.dk, sådan at det med sikkerhed vil virke korrekt når løsningen bliver registreret på Borger.dk.

Det vigtigste princip i den offentlige integrationsmodel (OIM) er den løse kobling imellem de forskellige dele der indgår i den samlede løsning, som brugeren oplever som et sammenhængende hele.

Konkret i forhold til visuel integration med iframe gør det at du kan teste det selv med hjælp fra en simpel html-mockup. Nedenfor er vedhæftet en html-fil "borgerdk-selfservice-iframe-mock.html" som
modsvarer den template-ramme som Borger.dk vil præsentere din løsning i. Inde i denne html-fil skal i ændre 'src' attributten til at pege på URL'en til din selvbetjeningsløsning som du er ved at udvikle eller teste. 

<div id="ctl00_PlaceHolderMain_ctl00_pnlframe" class="iframecontainer" style="height:600px;">
<input  type="hidden"
               name="ctl00$PlaceHolderMain$ctl00$frameguid"
               id="ctl00_PlaceHolderMain_ctl00_frameguid"
               value="00000000-0000-0000-0000-000000000000" />

               <!-- ## INSERT YOUR IFRAME SRC HERE BELOW ## -->

<iframe    id="ctl00_PlaceHolderMain_ctl00_frame"
               src="[YOUR SERVICE URL]"
               width="100%"
               height="100%"
               class=""
               frameborder="0"
               border="0"
               scrolling="auto"
               title="[YOUR SERVICE NAME]"></iframe>
</div>

I forhold til styling af din selvbetjeningsløsning kan du bruge Borger.dk's HTML-guide som anviser hvilken markup/css-klasser du kan bruge. 

Filer og referencer

Titel Type
borgerdk-selfservice-iframe-mock.html text/html