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

Fremhævede beskeder

Fremhævede beskeder benyttes til at præsentere information, som det er vigtigt brugeren ser. Fremhævede beskeder adskiller sig fra bokse ved, at de er midlertidige i deres natur.

Typer af beskeder

Hver type besked er knyttet med en farve, der understreger karakteren af informationen. Alle fremhævede beskeder bruger klassen alert.

Fremhævede beskeder kan være:

  • Information, der angives med klassenalert-info
  • Succes, der angives med klassenalert-succes
  • Advarsel, der angives med klassenalert-warning
  • Fejl, der angives med klassenalert-error
<p class="alert alert-info">Dette er en besked, der indholder en information, som er vigtig men ikke kritisk.</p>
<p class="alert alert-success">Denne besked giver brugeren besked om, at handlingen lykkedes.</p>	
<p class="alert alert-warning">Denne besked giver brugeren en advarsel, som viser, at noget kræver opmærksomhed.</p>	
<p class="alert alert-error">Denne besked giver brugeren besked om en fejl eller en alvorlig hændelse</p>

Dette er en besked, der indholder en information, som er vigtig men ikke kritisk.

Denne besked giver brugeren besked om, at handlingen lykkedes.

Denne besked giver brugeren en advarsel, som viser, at noget kræver opmærksomhed.

Denne besked giver brugeren besked om en fejl eller en alvorlig hændelse

Udvidede fremhævede beskeder

I visse tilfælde kan det være nødvendigt at lave fremhævede beskeder, der indeholder lister og overskrifter. Hertil benyttes klassen alert-block på en div, der indlejrer den fremhævede besked

<div class="alert alert-block alert-warning">
	<h3>Du mangler:</h3>
	<ul class="list">
		<li>At udfylde navn</li>
		<li>At angive dine interesser</li>
	</ul>		
</div>

Du mangler:

  • At udfylde navn
  • At angive dine interesser