ANS-0232 · DéVELOPPEMENT SUITESCRIPT
Comment appliquer plusieurs classes CSS à un élément HTML dans les personnalisations NetSuite
Les développeurs peuvent améliorer la mise en forme des éléments HTML personnalisés au sein de NetSuite en leur attribuant plusieurs classes CSS, ce qui permet d'obtenir des effets visuels combinés.
Solution courte
Pour appliquer plusieurs classes CSS à un élément HTML, indiquez chaque nom de classe séparé par un seul espace au sein de l’attribut « class ». Cette méthode permet à un élément d’hériter des styles de toutes les classes spécifiées, en combinant leurs propriétés pour obtenir une présentation visuelle plus riche. Cette technique est fondamentale pour une mise en forme flexible dans les personnalisations NetSuite.
Scénario
Lorsqu’ils personnalisent les interfaces NetSuite à l’aide du langage HTML, les développeurs doivent souvent appliquer diverses règles de mise en forme à un même élément. La difficulté réside dans la combinaison efficace de plusieurs styles CSS distincts sans créer de définitions de classes redondantes ou trop complexes.
Solution
Le principe fondamental pour appliquer plusieurs classes CSS à un élément HTML consiste à énumérer chaque nom de classe dans l’attribut « class », en les séparant par un seul espace. Cette méthode permet à un élément d’hériter des styles de toutes les classes spécifiées.Prenons par exemple les définitions de classes CSS suivantes :
GA_KEEP_0001GA_KEEP_0002
Pour appliquer ces deux styles à un élément div HTML, l’attribut « class » serait structuré comme suit :
html<div class="white toolbox"></div>Dans cet exemple, les styles .white et .toolbox seront tous deux appliqués à l’élément div, combinant ainsi leurs propriétés visuelles.
Support expert NetSuite
Besoin d’aide pour cet enjeu NetSuite ?
Accompagnement-conseil et configuration pour Développement SuiteScript