AwesomeBB : problèmes détectés

[The Godfather]

Rappel du premier message :

Bonjour,

Depuis aujourd'hui, Forumactif propose une nouvelle version de forums pour vous garantir une meilleure expérience utilisateur. Cette nouvelle version nommée AwesomeBB vient s'ajouter aux 5 versions de forums Forumactif déjà à votre disposition (phpBB2, phpBB3, punBB, inVision et ModernBB) pour constituer la sixième version disponible pour vos forums.

Cette version étant encore en BETA, ce sujet est destiné à recevoir vos signalements si vous rencontrez un bug, ou si vous estimez qu'un élément devrait être amélioré. Avant de poster, vérifiez que le bug que vous souhaitez déclaré n'est pas déjà présent dans la liste ci-dessous. Pour plus de compréhension merci de préciser l'ensemble des éléments suivants :

• Page concernée :
  
• Description du problème :
  
• Capture d'écran du problème :
  
• Lien éventuel de la page où le problème est visible (à défaut les étapes pour y accéder) :

En vous remerciant pour vos retours qui nous permettront d'améliorer cette nouvelle version !

[Pinguino]

Bonjour,

Concernant les boutons, nous pensions peut-être ajouter du texte à l'icône afin que ces derniers soient plus explicites. Ce qui donnerait par exemple :



Des avis ?

[chattigre]

Bonjour,
Concernant les boutons, nous pensions peut-être ajouter du texte à l'icône afin que ces derniers soient plus explicites. Ce qui donnerait par exemple :
Des avis ?

Ouais
Bonjour,
Personnellement, c'est ce que j'ai fait (grâce à quelqu'un qui est passé ici il n'y a pas longtemps, suivez ma pensée ), et j'en ai profité (c'était même l'objectif de base) pour réduire les (je m'excuse) affreux textes à rallonge des boutons...

Sur votre capture, c'est Répondre, ça va. Mais le texte des sujets verrouillés, par défaut, c'est :

Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.

Vous ne trouvez pas ça un peu, comment dire, long ?
(Même chose pour les forums verrouillés)


Parce que en infobulle, OK, mais comme texte visible du bouton, c'est beaucoup trop long et je ne vous dis pas le nombre de lignes de ça prend sur mobile avec Forum verrouillé + Sujet verrouillé

Il faudrait peut-être envisager de changer le texte des boutons...

Pour l'idée d'ajouter le texte, oui et non... moi je trouve ça pratique, mais pas si vous ne changez pas les textes et qu'on se retrouve avec un bouton qui prend tout le bas de l'écran ^^
Après il faudrait peut-être encadrer ces textes d'une classe spécifique, ou au moins d'une span, pour que ceux qui veulent modifier / supprimer les textes puissent le faire simplement

Bonne journée

[Shawny4e]

Pinguino vous avez pensée aux materials design de Google? Sur la plupart des applis google, quand on passe la souris dessus, ça affiche un texte suite a une animation d'affichage et quand on retire la souris du cercle, ben une animation fera disparaitre le texte. Comme un peu sur Gmail ou Google Keep par exemple.

Je vous passe le liens du Material Design: https://material.io/design

On devrais dire MaterialBB aulieu du AwesomeBB. Ça aurais du sens si on applique le Material Design.

[Pinguino]

Bonjour

Sur AwesomeBB, les icônes et d'autres ressources sont issues des ressources Material Design de Google.

Mais votre réflexion ici n'a rien à voir avec ma proposition car j'aimerai que le texte soit affiché sans besoin d’interaction justement afin de rendre plus explicite / compréhensible l'action quand vous parlez d'afficher le texte au passage d'une souris (chose d'ailleurs non possible sur mobile)

[Shawny4e]

Ah dsl, moi qui pensais qu'on s'oriente vraiment sur du Material Design pur.

[Invité]

Hello,
en attendant une éventuelle correction, on peut ajouter l'attribut title qui donnera l'information au lien que le sujet est verrouillé et afficher le texte de son choix (dans la variable) .
Des modifications sont a apporter dans le template :viewtopic_body

Actuellement , vous avez ceci (ligne 52 environ):

Code:

 
<!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default">
            <i class="material-icons">reply</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->


Modifiez ce code html par celui-ci:

Code:



 <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default"title="{L_POST_REPLY_TOPIC}">
            <i class="material-icons">reply</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->




Puis plus bas , vous avez ce code html (ligne 415 environ):

Code:

<!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
        <i class="material-icons">reply</i>
    </a>
    <!-- END switch_user_authreply -->


Modifiez ce code html par celui-ci:

Code:

<!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
        <i class="material-icons">reply</i>
       <span>{L_POST_REPLY_TOPIC}</span>
    </a>
    <!-- END switch_user_authreply -->


Validez les modifications et hop un tit script:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Codes Javascript



Mettre un titre explicite.
Cocher sur les sujets.


Déposer ceci:

Code:


$(function(){
$('a[href$="mode=reply"][title="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."]').each(function(){
var test=$(this).length;
// LE TEXTE DE REMPLACEMENT
var texte="Verrouillé";
if(test)
{
$(this).find('i').text('lock');
$(this).find('span').text(texte);
}
});});




Penser a cliquer sur le bouton VALIDER

Puis on ajoute un peu de style sur le bouton en bas de page afin de lui donner une taille raisonnable car on aura les mêmes textes:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:


.btn-fixed
{
width: auto!important;
padding:0px 6px 0px 0px;
}



Penser à cliquer sur le bouton

Les aperçus avec les modifications apportées:



Si verrouillé:





a++

[Pinguino]

Bonjour,

Pour information, nous avons lancé deux petites optimisations sur AwesomeBB :

- Une animation sur les boutons d'action (créer un sujet, répondre, créer un MP, répondre à un MP, créer un événement ou une petite annonce).
- Un style sur la page de confirmation qu'on obtient quand on poste un sujet ou une répondre.

[Invité]

Hello Pinguino,

merci pour cette réactivité, c'est plus simple ainsi .

a++

[chattigre]

Bonjour,

Pour information, nous avons lancé deux petites optimisations sur AwesomeBB :

- Une animation sur les boutons d'action (créer un sujet, répondre, créer un MP, répondre à un MP, créer un événement ou une petite annonce).
- Un style sur la page de confirmation qu'on obtient quand on poste un sujet ou une répondre.

Je m'excuse mais je ne vois aucune différence... un template à éditer ? Ou alors je n'ai pas compris de quoi on parle ^^
Merci de vos éclaircissements

[Pinguino]

Il y a du cache sur le CSS côté serveur. Je pense que ce sera visible demain (pour forcer l'affichage, allez dans Couleurs > Feuille CSS et valider / enregistrer).

[Invité]

Hello chattigre,
il suffit de forcer les templates par défaut et voir le résultat .

Affichage/Templates/Général

Options des templates

Forcer les templates par défaut :Oui


a++

[chattigre]

Merci Milouze, mais rien ne change
Soit j'ai mal compris le changement, soit il faut juste attendre le cache serveur comme dit par Pinguino
Je verrai l'évolution demain

[Pinguino]

En gros, voici les modifications

[Invité]

Coucou Pinguino,

les boutons "Répondre", sont eux aussi impactés , il me semble .

---

---

a++

[Pinguino]

Oui je confirme : tous les boutons de ce type sont concernés

[Invité]

Merci bien Pinguino .

a++

[Invité]

Bonjour, j'ai une modification partielle de boutons sur mon forum principal. (le bouton répondre en bas sur le côté reste avec le symbole. Par contre sur mon forum test tout est ok.

[Invité]

Hello BOUHHH,

tu as modifié le template concerné .


Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Il faut avoir désormais ceci (ligne 51 environ) :

Code:

 <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default">
            <i class="material-icons">reply</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->

Puis plus bas (ligne 415 environ):

Code:

  <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
        <i class="material-icons">reply</i>
      <span class="btn-fixed-txt">{L_REPLY}</span>
   </a>
    <!-- END switch_user_authreply -->


a++

[chattigre]

En gros, voici les modifications  

Bonjour
 
En gros ces modifications de boutons et de style je n'avais pas attendu la MAJ de FA pour la faire
Donc chez moi, rien de nouveau
Vous vous doutez donc que j'approuve ces modifications puisque je les ait moi-même appliquées

[Invité]

Hello Chattigre,

L'effet ajouté n'a rien a voir avec ce que tu as pu mettre en place cher ami .

En gros ces modifications de boutons et de style je n'avais pas attendu la MAJ de FA pour la faire
Donc chez moi, rien de nouveau
Vous vous doutez donc que j'approuve ces modifications puisque je les ait moi-même appliquées

Disons, que l'on a donné les outils non   :

https://forum.forumactif.com/t402458-awesomebb-changer-les-textes-et-images-material-icon-des-boutons#3357947

Pour les personnes ayant modifié le template, voici ce qu'il faut modifier:


Dans le template viewforum_body:
Affichage/Templates/Général/viewforum_body


Rechercher ceci (ligne 83 environ):

Code:


<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="btn-fixed" title="{L_POST_NEW_TOPIC}">
    <i class="material-icons">xxxxx</i>


Juste après

Code:

<i class="material-icons">xxxxx</i>


Ajouter ceci:

Code:

  <span class="btn-fixed-txt">{L_NEW_TOPIC}</span>

Vous devez avoir ceci:




Penser a enregistrer puis à valider en cliquant respectivement sur  puis




a++

[chattigre]

Hello Chattigre,

L'effet ajouté n'a rien a voir avec ce que tu as pu mettre en place cher ami .

En gros ces modifications de boutons et de style je n'avais pas attendu la MAJ de FA pour la faire
Donc chez moi, rien de nouveau
Vous vous doutez donc que j'approuve ces modifications puisque je les ait moi-même appliquées

Disons, que l'on a donné les outils non   :

https://forum.forumactif.com/t402458-awesomebb-changer-les-textes-et-images-material-icon-des-boutons#3357947

Évidemment, et je t'ai même cité plus haut à ce propos ^^ Par je "je les ait moi-même" appliquées j'entendais que j'ai apporté une modification sur mon forum, certainement pas de mon invention vu mon niveau en JS
Je vais voir pour adapter l'ensemble à ce que je recherche

[Pinguino]

Pour info, un petit correctif vient d'être envoyé sur la page de bannissement d'un membre qui n'était vraiment pas esthétique ni très compréhensible.

Avant :



Maintenant (attention il y a certainement du cache) :

[Invité]

Merci Pinguino,

je confirme de mon côté ce correctif:



a++

[Pinguino]

@Milouze14 : je pense que le CSS est encore en cache sur ce forum au vu du visuel (les espacements notamment).

[Invité]

@Pinguino,

, il y a du mieux:



a++

[chattigre]

Bonjour Pinguino, merci pour ces corrections
Puisqu'on est dans les "Petits correctifs détails mais qu'il faudrait faire un jour quand même" :
Il y a également un petit problème d'esthétique sur les pages Contact et Signalement d'abus ou encore des zones de saisie de sondage, les champs ne sont pas en pleine largeur, et c'est très moche ^^

[Invité]

Hello chattigre,
tu peux éclaircir ta demande s'il te plait car je ne vois rien de spécial sur la page "Signaler un abus" !!

Sur la page "Contact", tu veux mentionner le profil avancé ou non ?
Les sondages , tu veux parler des bordures des champs ?

a++

[chattigre]

Hello chattigre,
tu peux éclaircir ta demande s'il te plait car je ne vois rien de spécial sur la page "Signaler un abus" !!

Sur la page "Contact", tu veux mentionner le profil avancé ou non ?
Les sondages , tu veux parler des bordures des champs ?

a++

Salut,
Je dis que le champ de saisie de la page Signaler un abus est un peu petit

La page Contact c'est le formulaire de contact (urldetonforum/contact) et la zone de saisie est également étrangement placée et dimensionnée, de plus il n'y a qu'une bordure basse sur les champs zone de texte, il pourrait être intéressant de mettre une bordure qui fasse mieux ressortir le champ, parce que là c'est absolument pas visuel à mon sens
 
Et les sondages, je veux dire que le champ de saisie de la question est trop petit...
Évidemment je peux corriger tout ça moi-même mais je le signale car je pense que une amélioration visuelle pourrait être apportée sur ces points dans le CSS par défaut de la version.

Bonne journée

[Mat]

Bonjour,

Je rapporte également un problème graphique.
La page "Favoris" n'est pas du tout adaptée à un affichage sur un appareil mobile.

Capture:

Bonne soirée

[Shawny4e]

Bon je vais vraiment dire sur certains points qui me paraît médiocre à l'utilisation et la navigation. De plus on suis pas vraiment au style du Matérial design de Google. AwesomeBB aurais peut-être besoin d'une vrai retouche au niveau de la navigation en générale et l'accès à de vaste choix de personnalisation.

On vous a t'il parlée de Flarum? Un forum au style de Discourse? Pourquoi pas s'inspirer de ça?

En gros voilà les soucis présent:
 - Les menus sont difficilement fermable. (aucun bouton pour fermer les menus.)
 - Aucun moyen de gérer nos liens et icônes que ça soit les menus ou dans l'en-tête sans nécessiter d'entrer un code.. 
 - Widgets ne sont pas du tout compatible et donc inutilisable.
 - Paraît un peu vide pour les profils, etc. (Même plus vide qu'un simple Google+)
 - La plupart des tutos du staff ne sont pas compatible.
 - Une version trop restreins. Donc difficile à modifier.
 - Navigation un peu médiocre car l'en-tête de fit aucunement entre mobile et PC.
 - Certains modules comme le calendrier on un design un peu laide. (Inspirez vous un peu de Google Agenda.)
 - Et pour la touche finale. Il est où le toolbar?

Perso, j'utilise encore le AwesomeBB. Mais ça serait bien d'avoir au moins une grande amélioration la dessus. Merci!