Sélection de la langue

Recherche


Modèles d'authentification

Ce composant supporte les 4 variants de modèle de conception suivants:

Bouton contextuel « Se connecter »

En définissant les paramètres appropriés, le bouton de connexion contextuel apparaîtra au chargement de la page et sera situé dans le coin supérieur droit de la page sous la ligne horizontale tel qu'indiqué dans les conseils sur le bouton contextuel « Se connecter ».

Structure HTML - Version 1.0

Configuration pour GCWeb Jekyll

La variable auth DOIT être définie et complémentée du paramètre type avec la valeur "contextual" afin d'initialiser le modèle du bouton de connexion contextuel.

Paramètres à définir :

Modèles de Session fermée / Session ouverte

Au chargement de la page, les boutons doivent apparaîtres dans le coin supérieur droit de la page sous la ligne horizontale.

Structure HTML - Version 2.0

Example de code de l'inclusion démontrant le HTML du composant:

Configuration pour GCWeb Jekyll

La variable auth DOIT être définie et complémentée du paramètre type avec la valeur "signedoff" ou "signedon" afin d'initialiser le model Session fermée ou Session ouverte.

Paramètres à définir :

Modèles de conception précédents

Modèle précédent (Page de contenu - Session fermée)

Les boutons "Inscription" et "Ouvrir une session" étaient situés du coté droit de la page, dernier élément de l'entête <header> donc apparaissant entre le fil d'ariane et la balise <h1> du contenu.

Gouvernement du Canada, Government of Canada, English, Rechercher dans Canada.ca, Menu, Canada.ca, Inscription, Ouvrir une session, Page de contenu - Session Fermée, En-tête 2 (h2)

Code

<section id="wb-so">
	<h2 class="wb-inv">Information de l'utilisateur actuel</h2>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<button class="btn btn-default" type="button">Inscription</button>
				<button class="btn btn-primary" type="button">Ouvrir une session</button>
			</div>
		</div>
	</div>
</section>
Modèle précédent (Page de contenu - Session ouverte)

Les boutons "Mon compte" et "Fermer la session" ainsi que le texte "Connecté en tant que [nom complet]" étaient situés du coté droit de la page, dernier élément de l'entête <header> donc apparaissant entre le fil d'ariane et la balise <h1> du contenu.

Gouvernement du Canada, Government of Canada, English, Rechercher dans Canada.ca, Menu, Canada.ca, Connecté en tant que John Doe, Mon compte, Fermer la session, Page de contenu - Session Ouverte, En-tête 2 (h2)

Code

<section id="wb-so">
	<h2 class="wb-inv">Information de l'utilisateur actuel</h2>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<p><span class="mrgn-rght-md">Connecté en tant que <span>John Doe</span></span></p>
				<button class="btn btn-default" type="button">Mon compte</button>
				<button class="btn btn-primary" type="button">Fermer la session</button>
			</div>
		</div>
	</div>
</section>

Structure HTML - Version 2.0

Example de code de l'inclusion démontrant le HTML du composant:

Classe CSS

Certaines classes CSS spécifiques ont été ajoutées à l'id unique #wb-so du composant.

Détails de la page

Date de modification :