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

Portal Add-in

En portal add-in er et program, som kan afvikles på en Sharepoint Platform. Integrationen kan benyttes som alternativ til HTML og Iframe-integrationer.

Dette integrationsformat er under udfasning - og bør under ingen omstændigheder benyttes til nye løsninger.

Tilpasninger

Det er ikke tilladt at at lave tilpasninger med style- eller script-attributten på denne integrationstype.

Der bør ikke inkluderes billeder, video eller lyd uden forudgående aftale med Digitaliseringsstyrelsen.

Grundskabeloner

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

<div class="OIMSuite OIMPortalAddIn container-fluid">
	<h2>Navn på integration (h2-overskrift)</h2>
	<div class="row-fluid">
		<div class="span12">
			<!-- Her kan Topmenu, Faneblade eller vandret Forløbsindikator indsættes -->
			<h3>Overskrift på pågældende side, trin etc (h3-overskrift))</h3>
			<div class="row-fluid">
				<!-- Her med en 'række', der bruger 12 kolonner i grid'et, fordi der benyttes Sidemenu. 
				Der kan også indsættes to div'er med klasserne span6 og span6 - eller tre div'er med span4. 
				Sammenlagt skal div'erne give 12. -->
				<div class="span12">
				<!-- Indhold. -->  
				</div>
			</div>
		</div>
	</div>
</div>

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

<div class="OIMSuite container-fluid">
	<h1>Navn på integration (h1-overskrift)</h1>
	<div class="row-fluid">
		<!-- Hvis der benyttes sidemenu eller lodret trinindikator skal denne have klassen span3. -->
		<div class="span3">
			<!-- Sidemenu eller lodret trinindikator -->
		</div>
		<!-- Hvis der benyttes sidemenu skal denne div have klassen span9. Ellers span12 -->
		<div class="span9">
			<!-- Her kan Topmenu, Faneblade eller vandret Forløbsindikator indsættes -->
			<h2>Overskrift på pågældende side, trin etc (h2-overskrift))</h2>
			<div class="row-fluid">
				<!-- Her med en 'række', der bruger 12 kolonner i grid'et, fordi der benyttes Sidemenu. 
				Der kan også indsættes to div'er med klasserne span6 og span6 - eller tre div'er med span4. 
				Sammenlagt skal div'erne give 12. -->
				<div class="span12">
				<!-- Indhold. -->  
				</div>
			</div>
		</div>
	</div>
</div>