Migration graphique

    • Libellé des boutons de modification

      Libellé des boutons de modification

      Auparavant le code des boutons de modification était

      <button class="ametys-front-edition-button"></button>

      Maintenant il est

      <button class="ametys-front-edition-button"><span class="ametys-front-edition-button-text">Modifier</span></button>

       

      Il y a donc un texte qui s'ajoute dans le bouton que vous pouvez par exemple cacher en CSS

      .ametys-front-edition-button-text { display: none; }

    • Migration graphique

      Affichage des boutons de modification

      Depuis la version 1.4, les bouton de modifications sont créés et présents de manière systématique et pas seulement au survol.

      Pour ceux qui avaient utilisé l'option cachée "buttonOnMouseOver" en 1.3.x elle est maintenant inutile et doit être retirée de la XSL d'import ; mais une migration graphique peut être nécessaire quand même.

      Techniquement, la classe CSS "ametys-front-edition-possible" est maintenant présente en permanence, et le <button> aussi et la nouvelle classe CSS "ametys-front-edition-hover" est ajoutée au survol.

      Il y a donc deux possibilités

      • revenir au comportement actuel
      • passer au nouveau comportement

      Revenir au comportement actuel

       

      Il faut donc ajouter une règle qui ressemble à 

      .ametys-front-edition-possible button { display: none; } 
.ametys-front-edition-hover.ametys-front-edition-possible button { display: block; } 

      Passer au nouveau comportement

      Il se peut qu'il n'y ait rien à faire selon votre rendu.

      Mais par exemple il est possible de devoir retirer le faux bouton qu'affiche certaines chartes quand la classe "ametys-front-edition-possible" était absente ; et du coup faire un effet graphique en utilisant la nouvelle classe "ametys-front-edition-hover"

Retour en haut

Front Edition