Suppression du bouton Supprimer de Modifier la grille à l'aide du CSS personnalisé

Ce didacticiel montre comment utiliser le CSS personnalisé pour supprimer le bouton Supprimer (Delete) d'un composant Modifier la grille ( Edit Grid ).

1. Dans le formulaire où vous avez ajouté l'activité Modifier la grille (Edit Grid), ajoutez un composant Élément HTML (HTML Element) et saisissez l'extrait CSS ci-dessous :

   <p></p>
   <style>
   .my-edit-grid .removeRow {
       display: none;
   }
   </style>

   Cet extrait de code rend les éléments avec la classe removeRow (représentant les boutons Supprimer) invisibles sur la page Web. Il le fait en utilisant la classe my-edit-grid sur leurs éléments conteneurs et en définissant la propriété d'affichage sur none.
2. Survolez l'activité Modifier la grille (Edit Grid) et sélectionnez Modifier JSON (Edit JSON).
3. Dans le composant JSON , ajoutez un paramètre customClass qui fait référence à la classe de CSS personnalisée my-edit-grid .
   Insérez ce paramètre avant le paramètre components .

   "customClass": "my-edit-grid",

   
4. Enregistrez le composant et la fiche.