Comment insérer du CSS personnalisé dans l’en-tête d’un formulaire d’enregistrement NetSuite

1. Hébergez le fichier CSS personnalisé : téléchargez votre fichier CSS personnalisé ainsi que toutes les images associées dans le dossier de fichiers NetSuite. Assurez-vous que la disponibilité du fichier est définie sur « Disponible sans connexion » afin de permettre l’accès public.

2. Créez un script d’événement utilisateur : développez un nouveau script d’événement utilisateur dans SuiteScript 2.x. Ce script s’exécutera lors de l’événement beforeLoad

   du formulaire d’enregistrement cible.

javascript
/**
 * @NApiVersion 2.x
 * @NScriptType UserEventScript
 */
define([], function() {
    function beforeLoadTestInject(context) {
        var form = context.form;
        var cssScriptField = form.addField({
            id: 'custpage_cssfield',
            type: 'inlinehtml',
            label: 'Custom CSS Injector'
        });
        cssScriptField.defaultValue = "<script type="text/javascript">var linkElement = document.createElement('link');linkElement.rel = 'stylesheet';linkElement.href = 'https://system.sandbox.netsuite.com/core/media/media.nl?id=577&c=05801&h=F4390276d84372784aa&_xt.css';document.getElementsByTagName('head')[0].insertBefore(linkElement,document.getElementsByTagName('head')[0].firstChild);</script>";
    }
    return {
        beforeLoad: beforeLoadTestInject
    };
});

Le script ci-dessus crée un champ HTML en ligne (custpage_cssfield

) sur le formulaire d’enregistrement. Le defaultValue

de ce champ contient un extrait de code JavaScript. Ce code JavaScript crée dynamiquement un élément ``

destiné à une feuille de style et l’insère en tant que premier élément enfant au sein de la section ``

du document HTML. Cela garantit que le CSS personnalisé se charge dès le début du processus de rendu de la page. Il est important de noter que cette méthode implique une manipulation directe du Modèle d’objet de document (DOM), ce que la documentation NetSuite déconseille formellement, en recommandant l’utilisation des API SuiteScript pour les interactions avec l’interface utilisateur. De plus, NetSuite a indiqué que les champs HTML intégrés dans les formulaires d’enregistrement standard, en dehors des Suitelets, sont susceptibles d’être dépréciés dans une prochaine version. Par conséquent, cette approche doit être considérée comme une solution à court terme et utilisée avec prudence, car elle peut entraîner un comportement inattendu ou nécessiter des ajustements dans les futures versions de NetSuite.