Ce deux là sont identiques (SP et Vectors) TRES PEU de personnalisation (couleur d'accent)

SP Horizontal nav group

color	#FFAB00

SP Horizontal nav item

anchor	3737
name	un

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, leo eget blandit interdum, leo orci tincidunt ipsum, nec pulvinar nibh ligula ultricies orci. Maecenas vehicula gravida risus, eget lobortis sem ultrices eu. Vestibulum sagittis lorem eu nibh mollis, interdum venenatis turpis porttitor. Quisque elit ligula, laoreet a feugiat ut, porta at nisl. Nam ac mollis nisl, a dictum lorem. Nam malesuada tempor turpis, nec finibus felis. Suspendisse eget sapien a erat gravida fermentum mollis pellentesque metus. Cras aliquam quis libero et aliquet. Sed at elit nec sapien ultrices pulvinar id euismod diam. Duis ullamcorper est sed eros egestas laoreet. Quisque sagittis tristique arcu, eu consequat mi posuere quis. Sed convallis urna vel ex euismod, eget accumsan ligula lobortis. Sed quis ipsum ac nunc posuere vestibulum molestie eget eros.

SP Horizontal nav item

anchor	3079908
name	deux

Nulla aliquam neque ac nunc tincidunt ullamcorper. Mauris purus massa, maximus ac diam non, tristique scelerisque felis. Suspendisse orci nunc, iaculis porta libero sit amet, tempor sodales neque. Vestibulum semper tempus quam, et sollicitudin erat blandit et. Pellentesque finibus tortor nec quam auctor rutrum. Aenean interdum sollicitudin ullamcorper. In hac habitasse platea dictumst. Praesent rhoncus tortor a auctor aliquam.

Morbi gravida at lacus et venenatis. Aenean luctus enim metus, ut porta sapien rutrum semper. Phasellus eget augue a urna cursus interdum quis id eros. Donec cursus eleifend diam nec gravida. Praesent molestie pretium rutrum. Integer sit amet venenatis massa. Etiam at tellus id nulla cursus tristique sed sit amet nisi. Aliquam a hendrerit odio, sit amet cursus nibh. Nam ipsum justo, mollis finibus erat in, imperdiet interdum ligula. Phasellus gravida lectus ut dui ullamcorper, vel maximus diam blandit. In pellentesque egestas arcu, id convallis turpis feugiat in. Nunc tincidunt egestas nulla, ut molestie lectus semper iaculis. Mauris eget nibh pellentesque, feugiat massa et, condimentum lacus. Morbi ipsum metus, feugiat quis dolor nec, facilisis tempor erat.

SP Horizontal nav item

anchor	110634651
name	trois

Integer at aliquet nibh, in posuere sem. Aenean ac convallis lorem. Vivamus sodales eros sem, vel commodo odio gravida eu. Proin ligula justo, feugiat at dignissim sed, fermentum a nibh. Donec et ullamcorper tellus, eu dignissim magna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu convallis libero, et laoreet tellus. Aliquam rutrum lorem nec scelerisque imperdiet. Maecenas quis mattis dolor. Sed erat lacus, posuere et libero vitae, molestie aliquam lacus. Nulla scelerisque pulvinar tortor, at sagittis ligula vulputate in. In bibendum faucibus dapibus.

Vestibulum ultrices tempor elit et egestas. Donec et dolor ut diam hendrerit elementum. Morbi nec placerat libero, vel aliquam sem. In suscipit id sem at ornare. Duis ut tincidunt diam. Suspendisse felis enim, convallis eu libero et, iaculis eleifend lacus. Nunc rhoncus, est ultrices scelerisque ultricies, orci elit tincidunt mauris, vel malesuada eros eros vel magna. Sed cursus sem vitae quam blandit porttitor.

Tabs Group | Vectors (Formerly: SP Tabs group)

disposition	horizontal
color	#403294

Tab Pane | Vectors (Formerly: SP Tab pane)

anchor	3737
name	un

Integer at aliquet nibh, in posuere sem. Aenean ac convallis lorem. Vivamus sodales eros sem, vel commodo odio gravida eu. Proin ligula justo, feugiat at dignissim sed, fermentum a nibh. Donec et ullamcorper tellus, eu dignissim magna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris eu convallis libero, et laoreet tellus. Aliquam rutrum lorem nec scelerisque imperdiet. Maecenas quis mattis dolor. Sed erat lacus, posuere et libero vitae, molestie aliquam lacus. Nulla scelerisque pulvinar tortor, at sagittis ligula vulputate in. In bibendum faucibus dapibus.

Vestibulum ultrices tempor elit et egestas. Donec et dolor ut diam hendrerit elementum. Morbi nec placerat libero, vel aliquam sem. In suscipit id sem at ornare. Duis ut tincidunt diam. Suspendisse felis enim, convallis eu libero et, iaculis eleifend lacus. Nunc rhoncus, est ultrices scelerisque ultricies, orci elit tincidunt mauris, vel malesuada eros eros vel magna. Sed cursus sem vitae quam blandit porttitor.

Tab Pane | Vectors (Formerly: SP Tab pane)

anchor	3079908
name	deux

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, leo eget blandit interdum, leo orci tincidunt ipsum, nec pulvinar nibh ligula ultricies orci. Maecenas vehicula gravida risus, eget lobortis sem ultrices eu. Vestibulum sagittis lorem eu nibh mollis, interdum venenatis turpis porttitor. Quisque elit ligula, laoreet a feugiat ut, porta at nisl. Nam ac mollis nisl, a dictum lorem. Nam malesuada tempor turpis, nec finibus felis. Suspendisse eget sapien a erat gravida fermentum mollis pellentesque metus. Cras aliquam quis libero et aliquet. Sed at elit nec sapien ultrices pulvinar id euismod diam. Duis ullamcorper est sed eros egestas laoreet. Quisque sagittis tristique arcu, eu consequat mi posuere quis. Sed convallis urna vel ex euismod, eget accumsan ligula lobortis. Sed quis ipsum ac nunc posuere vestibulum molestie eget eros.

Tab Pane | Vectors (Formerly: SP Tab pane)

anchor	110634651
name	trois

Nulla aliquam neque ac nunc tincidunt ullamcorper. Mauris purus massa, maximus ac diam non, tristique scelerisque felis. Suspendisse orci nunc, iaculis porta libero sit amet, tempor sodales neque. Vestibulum semper tempus quam, et sollicitudin erat blandit et. Pellentesque finibus tortor nec quam auctor rutrum. Aenean interdum sollicitudin ullamcorper. In hac habitasse platea dictumst. Praesent rhoncus tortor a auctor aliquam.

Morbi gravida at lacus et venenatis. Aenean luctus enim metus, ut porta sapien rutrum semper. Phasellus eget augue a urna cursus interdum quis id eros. Donec cursus eleifend diam nec gravida. Praesent molestie pretium rutrum. Integer sit amet venenatis massa. Etiam at tellus id nulla cursus tristique sed sit amet nisi. Aliquam a hendrerit odio, sit amet cursus nibh. Nam ipsum justo, mollis finibus erat in, imperdiet interdum ligula. Phasellus gravida lectus ut dui ullamcorper, vel maximus diam blandit. In pellentesque egestas arcu, id convallis turpis feugiat in. Nunc tincidunt egestas nulla, ut molestie lectus semper iaculis. Mauris eget nibh pellentesque, feugiat massa et, condimentum lacus. Morbi ipsum metus, feugiat quis dolor nec, facilisis tempor erat.

Plus de propriétés (Tabs Container)

Tabs Container

id	Cont
direction	horizontal

Tabs Page

title	un
class	onglet1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, leo eget blandit interdum, leo orci tincidunt ipsum, nec pulvinar nibh ligula ultricies orci. Maecenas vehicula gravida risus, eget lobortis sem ultrices eu. Vestibulum sagittis lorem eu nibh mollis, interdum venenatis turpis porttitor. Quisque elit ligula, laoreet a feugiat ut, porta at nisl. Nam ac mollis nisl, a dictum lorem. Nam malesuada tempor turpis, nec finibus felis. Suspendisse eget sapien a erat gravida fermentum mollis pellentesque metus. Cras aliquam quis libero et aliquet. Sed at elit nec sapien ultrices pulvinar id euismod diam. Duis ullamcorper est sed eros egestas laoreet. Quisque sagittis tristique arcu, eu consequat mi posuere quis. Sed convallis urna vel ex euismod, eget accumsan ligula lobortis. Sed quis ipsum ac nunc posuere vestibulum molestie eget eros.

Tabs Page

title	deux
class	onglet2

Nulla aliquam neque ac nunc tincidunt ullamcorper. Mauris purus massa, maximus ac diam non, tristique scelerisque felis. Suspendisse orci nunc, iaculis porta libero sit amet, tempor sodales neque. Vestibulum semper tempus quam, et sollicitudin erat blandit et. Pellentesque finibus tortor nec quam auctor rutrum. Aenean interdum sollicitudin ullamcorper. In hac habitasse platea dictumst. Praesent rhoncus tortor a auctor aliquam.

Morbi gravida at lacus et venenatis. Aenean luctus enim metus, ut porta sapien rutrum semper. Phasellus eget augue a urna cursus interdum quis id eros. Donec cursus eleifend diam nec gravida. Praesent molestie pretium rutrum. Integer sit amet venenatis massa. Etiam at tellus id nulla cursus tristique sed sit amet nisi. Aliquam a hendrerit odio, sit amet cursus nibh. Nam ipsum justo, mollis finibus erat in, imperdiet interdum ligula. Phasellus gravida lectus ut dui ullamcorper, vel maximus diam blandit. In pellentesque egestas arcu, id convallis turpis feugiat in. Nunc tincidunt egestas nulla, ut molestie lectus semper iaculis. Mauris eget nibh pellentesque, feugiat massa et, condimentum lacus. Morbi ipsum metus, feugiat quis dolor nec, facilisis tempor erat.

Tabs Page

id	ID3
title	trois
class	onglet3

Vestibulum ultrices tempor elit et egestas. Donec et dolor ut diam hendrerit elementum. Morbi nec placerat libero, vel aliquam sem. In suscipit id sem at ornare. Duis ut tincidunt diam. Suspendisse felis enim, convallis eu libero et, iaculis eleifend lacus. Nunc rhoncus, est ultrices scelerisque ultricies, orci elit tincidunt mauris, vel malesuada eros eros vel magna. Sed cursus sem vitae quam blandit porttitor.

Tooltip

id	Cont
text	Ceci est un tooltip de tout le conteneur d'onglet

CSS Stylesheet

/* AFFECTE seulement l'onglet1Macro : TABS Container + TAB PAGES - */
/*  Placer dans l'onglet 1 CSS Class */ 
/* Change couleur de l'onglet affiché */ 
.onglet1 { 
  background-color: #E6F2FF;
}

.onglet2 { 
  background-color: #E9FCE9;
}

.onglet3 { 
  background-color: #FBFCE9;
	color: #EEC190;
}

Ceci est un lien vers le tab3 ID3

UI TABS (pas de personnalisation)

UI Tabs

UI Tab

title	un

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, leo eget blandit interdum, leo orci tincidunt ipsum, nec pulvinar nibh ligula ultricies orci. Maecenas vehicula gravida risus, eget lobortis sem ultrices eu. Vestibulum sagittis lorem eu nibh mollis, interdum venenatis turpis porttitor. Quisque elit ligula, laoreet a feugiat ut, porta at nisl. Nam ac mollis nisl, a dictum lorem. Nam malesuada tempor turpis, nec finibus felis. Suspendisse eget sapien a erat gravida fermentum mollis pellentesque metus. Cras aliquam quis libero et aliquet. Sed at elit nec sapien ultrices pulvinar id euismod diam. Duis ullamcorper est sed eros egestas laoreet. Quisque sagittis tristique arcu, eu consequat mi posuere quis. Sed convallis urna vel ex euismod, eget accumsan ligula lobortis. Sed quis ipsum ac nunc posuere vestibulum molestie eget eros.

UI Tab

title	deux

Nulla aliquam neque ac nunc tincidunt ullamcorper. Mauris purus massa, maximus ac diam non, tristique scelerisque felis. Suspendisse orci nunc, iaculis porta libero sit amet, tempor sodales neque. Vestibulum semper tempus quam, et sollicitudin erat blandit et. Pellentesque finibus tortor nec quam auctor rutrum. Aenean interdum sollicitudin ullamcorper. In hac habitasse platea dictumst. Praesent rhoncus tortor a auctor aliquam.

Morbi gravida at lacus et venenatis. Aenean luctus enim metus, ut porta sapien rutrum semper. Phasellus eget augue a urna cursus interdum quis id eros. Donec cursus eleifend diam nec gravida. Praesent molestie pretium rutrum. Integer sit amet venenatis massa. Etiam at tellus id nulla cursus tristique sed sit amet nisi. Aliquam a hendrerit odio, sit amet cursus nibh. Nam ipsum justo, mollis finibus erat in, imperdiet interdum ligula. Phasellus gravida lectus ut dui ullamcorper, vel maximus diam blandit. In pellentesque egestas arcu, id convallis turpis feugiat in. Nunc tincidunt egestas nulla, ut molestie lectus semper iaculis. Mauris eget nibh pellentesque, feugiat massa et, condimentum lacus. Morbi ipsum metus, feugiat quis dolor nec, facilisis tempor erat.

UI Tab

title	Trois

Vestibulum ultrices tempor elit et egestas. Donec et dolor ut diam hendrerit elementum. Morbi nec placerat libero, vel aliquam sem. In suscipit id sem at ornare. Duis ut tincidunt diam. Suspendisse felis enim, convallis eu libero et, iaculis eleifend lacus. Nunc rhoncus, est ultrices scelerisque ultricies, orci elit tincidunt mauris, vel malesuada eros eros vel magna. Sed cursus sem vitae quam blandit porttitor.

Clickable

link	#ID_Dialogx

Round Rectangle

vSize	15px
bgcolor	#D5FFFF
width	100%
hSize	15px
cornersize	15px
class	blocpcyc

Évaluations

un lien ici

A lire

CSS Stylesheet

/* MACRO UI TABS et UI Tab */ 
/* Changer propriété de l'onglet ouvert */
.rwui_tab_button.rw_active {
	font-weight: bold;
	font-style: normal;
	background: #e809d5;
}

/* Changer propriété des auters onglets */
.rwui_tab_button {
    font-style: italic;
}

/* Changer le contenu de l'onglet ouvert */
.rwui_tab_content.conf-macro.output-block.rw_active {
	background: #cccccc;
	color: #e80909;
	font-weight: bold;
	text-transform: uppercase;
}

/* Changer la barre de menu avec tous les onglets */
.rwui_tabs_menu {
	background: #dde809;
}

.rw_compact_mode {
	background: #09e85b;
}

Clickable

link	#ID_Dialogx

Round Rectangle

vSize	15px
bgcolor	#D5FFFF
width	100%
hSize	15px
cornersize	15px
class	blocpcyc

Évaluations

un lien ici

A lire

Dialog

size	large
id	ID_Dialogx
title	Test_Dialogx

Span

id	SPN_TT
title	Voir les détails

Choisir le bouton ci-dessous

On peu ajouter tout plein de chose la dedans.

UI Expand

title	On aime beaucoup les UI Expand

Ceci est un UI EXpand

Morbi placerat, enim id posuere sodales, lectus nisi congue magna, vel maximus neque leo ut sem. Pellentesque a dui ac nibh tempus imperdiet nec id magna. Donec varius elementum ante in suscipit. Donec placerat pretium eros, ut dictum augue imperdiet sit amet. Cras hendrerit egestas tortor, sit amet ultricies diam aliquam non. Nam porta, sapien nec venenatis aliquam, purus mauris maximus turpis, ut rutrum neque orci congue mi. Ut tincidunt nulla at purus molestie blandit. Sed leo dui, tempor et elit et, sagittis blandit leo. Aenean dui nulla, iaculis elementum dolor vel, ultricies pretium purus. Suspendisse accumsan nunc et libero efficitur luctus. Duis cursus elementum mi quis iaculis. Phasellus sit amet tellus ut purus pretium suscipit a ut eros. Vivamus eget odio diam. Curabitur sed purus vel ante luctus ullamcorper. Maecenas nec ipsum ex.

Button Group

Button Hyperlink

title	La Presse - standard
type	standard
class	<span class="aui-icon aui-icon-small aui-iconfont-export">Insert meaningful text here for accessibility</span>
url	https://www.lapresse.ca/

Button Hyperlink

title	Ca aussi la Presse - Primary
type	primary
url	https://www.lapresse.ca/

Button Hyperlink

icon	custom
title	Un 3e bouton - Subtle
type	subtle
url	https://www.lapresse.ca/

Status

title	Test lien

Button Hyperlink

title	Lapresse
type	standard
url	https://www.lapresse.ca/

Vos outils essentiels pour procéder à votre inscription:

Le cheminement suggéré de votre programme
La grille horaire du trimestre
Les plans de cours actuels ou anciens
L'aide pour faire vos opérations dans Synchro
Le Rapport de cheminement pour vérifier votre inscription et votre avancement au programme

HTML Table

Table Row (tr)

Table Cell (td)

class	toto

Vos outils essentiels pour procéder à votre inscription:

Table Row (tr)

Table Cell (td)

class	toto

Clickable

link	https://wiki.umontreal.ca/spaces/WIKIPSY/pages/527007833/Cheminements+sugg%C3%A9r%C3%A9s+par+programme

Le cheminement suggéré de votre programme

Table Row (tr)

Table Cell (td)

class	toto

Clickable

link	https://wiki.umontreal.ca/spaces/WIKIPSY/pages/340918982/Calendriers+Horaires

La grille horaire du trimestre

Table Row (tr)

Table Cell (td)

class	toto

Clickable

link	https://psy.umontreal.ca/programmes-cours/cours-horaires/

Les plans de cours actuels ou anciens

Table Row (tr)

Table Cell (td)

class	toto

Clickable

link	https://registraire.umontreal.ca/nous-joindre/bureau-du-registraire/

L'aide pour faire vos opérations dans Synchro

Table Row (tr)

Table Cell (td)

class	toto

Clickable

link	https://wiki.umontreal.ca/spaces/WIKIPSY/pages/527007859/Rapport+de+cheminement

Le Rapport de cheminement pour vérifier votre inscription et votre avancement au programme

Excerpt Include

	CSS_bas_Page
	CSS_bas_Page
nopanel	true

CSS Stylesheet
.toto { background: #F2FFED; }

Alert

title	Élection 5 octobre
type	Info

Background Color

color	#ADD8E6

test

Link in New Window

linkText	Page
href	https://nouvelles.umontreal.ca/annonce/2026/09/28/vote-sur-le-campus-a-l-occasion-des-elections-provinciales-du-5-octobre-1#:~:text=Vote%20sur%20le%20campus%20%C3%A0%20l%E2%80%99occasion%20des%20%C3%A9lections%20provinciales%20du%205%20octobre

https://nouvelles.umontreal.ca/annonce/2026/09/28/vote-sur-le-campus-a-l-occasion-des-elections-provinciales-du-5-octobre-1#:~:text=Vote%20sur%20le%20campus%20%C3%A0%20l%E2%80%99occasion%20des%20%C3%A9lections%20provinciales%20du%205%20octobre

CSS Stylesheet
.mosaic-alert-content { background: red !important; padding: 50px !important; }

Dialog

size	large
id	ID_Dialogx
title	Test_Dialogx

Span

id	SPN_TT
title	Voir les détails

Choisir le bouton ci-dessous

On peu ajouter tout plein de chose la dedans.

UI Expand

title	On aime beaucoup les UI Expand

Ceci est un UI EXpand

Morbi placerat, enim id posuere sodales, lectus nisi congue magna, vel maximus neque leo ut sem. Pellentesque a dui ac nibh tempus imperdiet nec id magna. Donec varius elementum ante in suscipit. Donec placerat pretium eros, ut dictum augue imperdiet sit amet. Cras hendrerit egestas tortor, sit amet ultricies diam aliquam non. Nam porta, sapien nec venenatis aliquam, purus mauris maximus turpis, ut rutrum neque orci congue mi. Ut tincidunt nulla at purus molestie blandit. Sed leo dui, tempor et elit et, sagittis blandit leo. Aenean dui nulla, iaculis elementum dolor vel, ultricies pretium purus. Suspendisse accumsan nunc et libero efficitur luctus. Duis cursus elementum mi quis iaculis. Phasellus sit amet tellus ut purus pretium suscipit a ut eros. Vivamus eget odio diam. Curabitur sed purus vel ante luctus ullamcorper. Maecenas nec ipsum ex.

Button Group

Button Hyperlink

title	La Presse - standard
type	standard
class	<span class="aui-icon aui-icon-small aui-iconfont-export">Insert meaningful text here for accessibility</span>
url	https://www.lapresse.ca/

Button Hyperlink

title	Ca aussi la Presse - Primary
type	primary
url	https://www.lapresse.ca/

Button Hyperlink

icon	custom
title	Un 3e bouton - Subtle
type	subtle
url	https://www.lapresse.ca/

Excerpt IncludeCSS_bas_PageCSS_bas_Pagenopaneltrue

Page tree

Versions Compared

Old Version 34

New Version Current

Key

Ce deux là sont identiques (SP et Vectors) TRES PEU de personnalisation (couleur d'accent)

Plus de propriétés (Tabs Container)

UI TABS (pas de personnalisation)

Ceci est un UI EXpand

Vos outils essentiels pour procéder à votre inscription:

Ceci est un UI EXpand

Page tree

Page History

Versions Compared

Old Version 34

New Version Current

Key

Ce deux là sont identiques (SP et Vectors) TRES PEU de personnalisation (couleur d'accent)

Plus de propriétés (Tabs Container)

UI TABS (pas de personnalisation)

Ceci est un UI EXpand

Vos outils essentiels pour procéder à votre inscription:

Ceci est un UI EXpand