[RÉGLÉ] Masquer un module sur un smartphone

[RobertG]

Bonjour,

J'ai voulu tester le masquage d'un module sur smartphone.
Dans la classe du module (personnalisé), j'ai ajouté (origine doc Boostrap https://getbootstrap.com/docs/5.1/ut...iding-elements)

.d-sm-none .d-md-block

Mais systématiquement, quand j'essaie d'enregistrer, j'ai ce message :

Champ invalide: Classe du module

Comment faire ?
Merci !

[lomart]

Bonsoir Robert,

Peut-être les points devant le nom des classes. Ils ne sont nécessaires que dans les feuilles de style, pas lors de l'appel.

Sinon en module perso, j'en ai un qui le charge uniquement si mobile au lieu d'un masquage CSS

https://lomart.fr/extensions-blog/37-modules-site/61-lm-custom-site

[RobertG]

Il faudra que j'essaie sur un autre site, celui testé utilise un template bricolé, la suppression des points a supprimé l'erreur et bien enregistré mais n'a pas d'effet sur mon smartphone

[Fred2FR3]

Il faudra que j'essaie sur un autre site, celui testé utilise un template bricolé, la suppression des points a supprimé l'erreur et bien enregistré mais n'a pas d'effet sur mon smartphone

Salut,
Pense a vider le cache pour ce genre de manip (site et navigateur)

[RobertG]

Le cache est vidé automatiquement par Cache Cleaner. Je soupçonne le vieux template.

[tataye]

s'il s'agit du site auquel je pense, ne t'embete pas : utilise les conditions de regular labs

[RobertG]

Merci !
C'est bon, mais je n'ai aucune affinité avec ADM

[Helloo]

Robert, essaye de voir avec ce code

d-none d-sm-block

[Fred2FR3]

Reconnaissons là un des délires de Joomla avec cassio qui n'utilise pas le natif de BS.
Il aurait été si simple de ne pas modifier BS afin que les users bénéficient de la doc officielle de ce dernier qui "elle est a jour" et permettrait de belles personnalisations. J'ai jamais compris ...

[trool]Ha si, j'ai une lueur de lucidité, c'est que pour les devs se fassent de la tune et verrouiller l'utilisateur lambda.[/trool]

On aura la doc j4, j5 quand j6 sortira "peut être".

Amicalement

[RobertG]

Helloo
Comme l'a suggéré tataye le site utilisant Advanced Modules Management, une règle excluant l'affichage sur les templates est aussi simple. Rien ne dit d'ailleurs que la propriétaire du site acceptera que ce module soit masqué sur les petits écrans.

Fred2FR3 : Joomla a toujours utilisé les noms de classes sans point au début, tout comme dans le code généré de n'importe quelle page html.
Et en l'occurrence, le site concerné n'utilise pas Cassiopeia mais un très vieux template patché.

[RobertG]

Bonjour,

Finalement, la cliente n'a pas voulu de ce masquage.

Je confirme : le code d-none d-sm-block apparaît bien dans le html, mais n'est pas interprété par le template, et donc le module reste affiché, quand il est bien masqué avec Cassiopeia.

[tataye]

il s'agit peut être de la manière dont ton template rends tes modules :
une piste : https://stackoverflow.com/questions/...ck-not-working

sinon, vérifie la version de bootstrap qui est chargée.

[RobertG]

Le fichier index embarque une version 3.3.6 de Bootstrap (min.css), si je me souviens bien, et j'ai tenté de charger une version 5 sans succès.
Cela dit, avec une simple astuce sur ce vieux template, je peux décaler la colonne gauche sous la partie principale, testé sur une copie.
Mais mon mandat est terminé.

[tataye]

si c'était pour décaler la colonne gauche, alors tu pouvais par simple css utiliser la propriété order dans des mediaqueries

https://developer.mozilla.org/fr/docs/Web/CSS/order

[RobertG]

A condition que le template en soit capable. Je testerai à l'occasion.
Je dois dire que je ne suis pas toujours à l'aise avec les subtilités du CSS...