Migration vers xSwatch5
Vous êtes sans doute nombreux à utiliser le thème phare de XOOPS, xSwatch.
Ce thème est basé sur Bootswatch qui est lui-même basé sur la fameuse librairie CSS Bootstrap.
La version actuellement disponible pour XOOPS est donc xSwatch4.
Ce thème utilise Bootstrap en version 4.6.1.
Depuis, Bootstrap a sorti une version 5, et plus exactement 5.2.3, dernière version stable à ce jour.
Notre but est donc de proposer aux bâtisseurs du web utilisant XOOPS, le thème xSwatch avec Bootstrap en version 5.
Le travail de migration est toutefois conséquent.
En effet, il y a plusieurs changements. En voici juste quelques-uns.
- Tout d'abord les éléments comportant "left"/"l" et "right"/"r" ne seront désormais plus traités mais il faudra utiliser "start"/s" et "end"/"e" sur tous les éléments qui les utilisaient.
Pourquoi ce changement ?
Pour avoir plus de clarté pour les pays où l'écriture va de droite à gauche (RTL).
Ainsi, quel que soit le système de langue utilisé, on aura "start" et "end" !
Exemple :mr-2
devientme-2
Impact : Cela concerne évidement les éléments tels quePadding
,Margin
,Alignment
etborder
notamment.
- Il y a des changements dans les formulaires
- Tous les appels au Javascript se font maintenant non plus via
data
mais viadata-bs
.
Exemple :data-slide
devientdata-bs-slide
Impact : carousel, menu hamburger, menus dropdown notamment. - Et puis, en vrac, il y a des impacts sur les éléments
alert
,navbar
, et sur la grille (grid layout).
https://github.com/alain01/xswatch5
Nous invitons donc très largement la communauté à participer à ce travail de migration.
Dans le fichier README.md, vous trouverez la liste "TO DO" sur ce qu'il reste à migrer.
Enfin, nous profiterons de ce travail de migration pour vous proposer à l'issu un article de migration voir un tutorial.
Alain
PS : Nous avons ouvert un nouveau sujet dans le forum dédié à xSwatch5 ici.
Références
Migrating to v5Cheatsheet on converting Bootstrap v4 project to Bootstrap v5
Migrating from bootstrap version 4 to version 5
Migrate from Bootstrap 4 to Bootstrap 5
How to Migrate from Bootstrap Version 4 to 5
Migration vers xSwatch5