Ouvrir un forum en cliquant sur le bandeau et non sur une icône

[Erwin Schildknecht]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

J'aimerais pouvoir ouvrir les forums et dérouler leur contenu juste en cliquant sur le "bandeau" de ces derniers (sur la partie brune ici, ou au moins sur le nom du forum), plutôt que de devoir cliquer sur les petits "+" à droite des bandeaux. De même pour les refermer.

Je trouve cela plus instinctif et pratique

J'avais déjà ouvert un topic là dessus mais sans succès. J'espère trouver quelqu'un avec une piste !

Merci d'avance, bonne soirée

[Erwin Schildknecht]

Un petit up !

[Walt]

Bonjour,

Cela nécessite de modifier les templates (donc depuis le compte fondateur)

Panneau d'administration  Affichage  Templates - Général

Modifiez le template index_box, situez l'extrait suivant (ligne 130 à 148 dans le template par défaut) :

Code:

   $(document).on('click', '.btn-collapse', function() {
      $(this).children('.ion-android-add-circle').toggleClass('hidden');
      $(this).children('.ion-android-remove-circle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

Et remplacez-le par :

Code:

   $(document).on('click', '.forabg .topiclist', function() {
      $('.btn-collapse', this).children('.ion-android-add-circle').toggleClass('hidden');
      $('.btn-collapse', this).children('.ion-android-remove-circle').toggleClass('hidden');
      $(this).parents('.forabg').toggleClass('hidden');

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
         collapsed = readCookie('collapsed').split(',');
      }

      if (!$(this).parents('.forabg').hasClass('hidden')) {
         removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

         createCookie('collapsed', collapsed);
      } else {
         collapsed.push('' + $(this).parents('.forabg').data('cindex'));

         createCookie('collapsed', collapsed);
      }
   });

Enregistrez et publiez le template.

Cordialement,
Walt

[Erwin Schildknecht]

Bonjour,

Cela nécessite de modifier les templates (donc depuis le compte fondateur)

Panneau d'administration  Affichage  Templates - Général

Modifiez le template index_box, situez l'extrait suivant (ligne 130 à 148 dans le template par défaut) :

Code:

 $(document).on('click', '.btn-collapse', function() {
 $(this).children('.ion-android-add-circle').toggleClass('hidden');
 $(this).children('.ion-android-remove-circle').toggleClass('hidden');
 $(this).parents('.forabg').toggleClass('hidden');

 if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
 collapsed = readCookie('collapsed').split(',');
 }

 if (!$(this).parents('.forabg').hasClass('hidden')) {
 removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

 createCookie('collapsed', collapsed);
 } else {
 collapsed.push('' + $(this).parents('.forabg').data('cindex'));

 createCookie('collapsed', collapsed);
 }
 });

Et remplacez-le par :

Code:

 $(document).on('click', '.forabg .topiclist', function() {
 $('.btn-collapse', this).children('.ion-android-add-circle').toggleClass('hidden');
 $('.btn-collapse', this).children('.ion-android-remove-circle').toggleClass('hidden');
 $(this).parents('.forabg').toggleClass('hidden');

 if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
 collapsed = readCookie('collapsed').split(',');
 }

 if (!$(this).parents('.forabg').hasClass('hidden')) {
 removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

 createCookie('collapsed', collapsed);
 } else {
 collapsed.push('' + $(this).parents('.forabg').data('cindex'));

 createCookie('collapsed', collapsed);
 }
 });

Enregistrez et publiez le template.

Cordialement,
Walt

Bonjour Walt !

Super, merci beaucoup, ça fonctionne !

Bonne journée !