HTML-guide til udvikling af integrationsløsninger til Borger.dk

Iframe-integration

I en Iframe-integration linker man til en komplet netside, der er integreres borger.dk med en iframe. Iframes kan integreres i selve portalen (eksempelvis på Min Side) eller som løsninger, der aktiveres i et separat vindue (fra en handlingsside).

Dette integrationsformat er under udfasning - og bør under ingen omstændigheder benyttes til selvbetjeningsløsninger. Løsninger, der skal skal Min Side, kan benytte integrationsformatet, men det tilrådes at benytte XHTML-integrationsformen.

Tilpasninger

Tilpasninger kan foretages med style-attributten på relevante elementer, ved at benytte style i sidens head eller ved at link til et stylesheet med link.

Grundskabeloner

Løsninger integreret i portalen (eksempelvis på Min Side)

<!DOCTYPE html>
<html lang="da">
	<head>
		<meta charset="utf-8">
		<title>Portalservice iframeskabelon</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="https://www.borger.dk/Style%20Library/css/bdk-app-master.min.css" rel="stylesheet">
	</head>
	<body>
		<div class="OIMSuite OIMIframe container-fluid">
			<div class="row-fluid">
				<div class="span12">
					 
					<h2>Overskrift på pågældende side, trin etc (h2-overskrift))</h2>
					<div class="row-fluid">
						
						<div class="span12">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
<iframe src="iframe-demo.html" style="width: 100%; height: 400px"></iframe>

Løsninger aktiveret i separat vindue (eksempelvis aktiveret fra handlingsside)

<!DOCTYPE html>
<html lang="da">
	<head>
		<meta charset="utf-8">
		<title>Portalservice iframeskabelon</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="[link til stylesheet]" rel="stylesheet">
	</head>
	<body>
		<div class="OIMSuite OIMIframe container-fluid">
			<h1>Navn på integration (h1-overskrift)</h1>
			<div class="row-fluid">
				
				<div class="span3">
					
				</div>
				
				<div class="span9">
					 
					<h2>Overskrift på pågældende side, trin etc (h2-overskrift))</h2>
					<div class="row-fluid">
						
						<div class="span12">
							
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>