Masquer un module sur un smartphone

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • RobertG
    a répondu
    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...

    Laisser un commentaire:


  • tataye
    a répondu
    si c'était pour décaler la colonne gauche, alors tu pouvais par simple css utiliser la propriété order dans des mediaqueries
    La propriété order définit l'ordre avec lequel on dessine les éléments d'un conteneur d'éléments flexibles ou d'une grille d'éléments. Les éléments sont appliqués dans l'ordre croissant des valeurs de order. Les éléments ayant la même valeur pour order seront appliqués dans l'ordre selon lequel ils apparaissent dans le code source du document.


    Laisser un commentaire:


  • RobertG
    a répondu
    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é.

    Laisser un commentaire:


  • tataye
    a répondu
    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.

    Laisser un commentaire:


  • RobertG
    a répondu
    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.

    Laisser un commentaire:


  • RobertG
    a répondu
    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é.

    Laisser un commentaire:


  • Fred2FR3
    a répondu
    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
    Dernière édition par Fred2FR3 à 24/09/2024, 21h51

    Laisser un commentaire:


  • Helloo
    a répondu
    Robert, essaye de voir avec ce code
    Code HTML:
    d-none d-sm-block

    Laisser un commentaire:


  • RobertG
    a répondu
    Merci !
    C'est bon, mais je n'ai aucune affinité avec ADM

    Laisser un commentaire:


  • tataye
    a répondu
    s'il s'agit du site auquel je pense, ne t'embete pas : utilise les conditions de regular labs

    Laisser un commentaire:


  • RobertG
    a répondu
    Le cache est vidé automatiquement par Cache Cleaner. Je soupçonne le vieux template.

    Laisser un commentaire:


  • Fred2FR3
    a répondu
    Envoyé par RobertG Voir le message
    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)
    Dernière édition par Fred2FR3 à 24/09/2024, 18h52

    Laisser un commentaire:


  • RobertG
    a répondu
    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

    Laisser un commentaire:


  • lomart
    a répondu
    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
    LM-Custom ajoute des fonctionnalités aux module MOD_CUSTOM de Joomla! comme la saisie de PHP ou l'insertion de JS/CSS dans le HEAD de la page

    Laisser un commentaire:


  • RobertG
    a crée un sujet [RÉGLÉ] Masquer un module sur un smartphone

    Masquer un module sur un smartphone

    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 !
    Dernière édition par RobertG à 29/09/2024, 11h20

Annonce

Réduire
Aucune annonce pour le moment.

Partenaire de l'association

Réduire

Hébergeur Web PlanetHoster
Travaille ...
X