# Propres styles

Vous pouvez déposer des styles supplémentaires dans le paragraphe <\style> dans les données d'en-tête d'un formulaire (élément Modifier les scripts utilisateur. Nous vous demandons de respecter les règles CSS courantes.

Information

Remarque : dans le champ supplémentaire du classeur Classes, vous pouvez adopter ces styles dans la liste des styles standards. Ces styles seront automatiquement disponibles par le biais de la liste de mots-clés.

Les paragraphes suivants montrent comment définir une propre classe de styles et comment les mettre en place dans un formulaire.

# Définir les réglages de style

Elément 'Modifier les scripts utilisateur'; propre style

Les réglages de style sont définis dans le créateur de processus. Les styles doivent être entrés dans l'en-tête correspondant (Modifier les scripts utilisateur) du formulaire. Dans notre exemple, est utilisée une classe avec la désignation formblack. Comme propriété est associée une couleur de la valeur black.

Il serait possible d'utiliser le style dans le formulaire dès maintenant. Pour ceci, vous devez entrer manuellement le style (le champ de formulaire en question Créateur de formulaire > Modèle souhaité > Propriétés de la cellule sélectionnée > Représentation).

Afin que vous puissiez sélectionner le style par le biais du menu déroulant du champ Représentation, vous devez suivre les étapes suivantes.

# Déposer la classe dans ELO

Quelques classes de représentation sont prédéfinies dans ELO. Les administrateurs ont la possibilité d'entrer d'autres classes.

  1. Dans ELO, veuillez naviguer vers le classeur Classes (Administration // ELOwf Base).

  2. Ouvrez le dialogue Métadonnées pour le classeur Classes.

  3. Veuillez ouvrir l'onglet Texte supplémentaire.

    Classeurs 'Classes'; texte supplémentaire

    Vous pouvez visualiser toutes les classes définies sur l'onglet Texte supplémentaire.

    Texte supplémentaire; classe ajoutée

  4. Veuillez ouvrir la nouvelle classe à la fin de la liste. Veuillez respecter la syntaxe suivante :

    <Nom de la classe>=<Nom d'affichage de la classe>
    
  5. Sélectionnez OK pour enregistrer les modifications et fermer le dialogue.

  6. Ouvrez le créateur de formulaires.

    Bouton 'Actualiser'

  7. Sélectionnez le bouton Actualiser dans la barre d'outils.

    La nouvelle classe est maintenant disponible.

# Appliquer un style

Si vous avez défini un nouveau style et créé la classeur correspondante, vous pouvez utiliser le style dans le formulaire.

  1. Ouvrez le créateur de formulaires.

  2. Sélectionnez le formulaire dans lequel vous souhaitez appliquer le style.

  3. Ouvrez le modèle dans lequel vous souhaitez appliquer le style.

  4. Sélectionnez le champ de formulaire auquel vous souhaitez associer le style.

  5. Ouvrez le menu déroulant du champ Représentation (Propriétés de la cellule sélectionnée).

    Menu déroulant 'Représentation', style ajouté

  6. Sélectionnez le nouveau style dans la liste.

    Information

    Aucun aperçu n'est possible pour les styles ajoutés. La fonction Enregistrer et afficher vous permet de voir si le style est appliqué comme vous le souhaitez.

  7. Sélectionnez Enregistrer.

    Le style ajouté dans le formulaire

Le nouveau style est assigné au champ sélectionné.

# Intégrer les fichiers CSS

Si vous souhaitez utiliser des styles CSS dans plusieurs formulaires, nous vous recommandons d'enregistrer les styles dans des fichiers CSS. Les fichiers CSS peuvent ensuite être gérés par le biais d'ELO et chargés dans des formulaires.

  1. Déposez les fichiers CSS souhaités dans ELO. Veuillez utiliser le chemin suivant.

    Archive ELO; classeur 'Classes'

    Administration // ELOwf Base // Classes

    Bouton 'Actualiser'

  2. Ouvrez le créateur de formulaires.

  3. Pour lire les fichiers CSS, veuillez sélectionner Actualiser dans le créateur de formulaires.

  4. Ouvrez un formulaire.

  5. Sélectionnez Modifier les scripts utilisateur.

  6. Veuillez sélectionner un fichier CSS par le biais du menu déroulant Sélectionner un CSS.

    Elément 'Modifier les scripts utilisateur'; bouton 'Ajouter'

  7. Sélectionnez Ajouter.

    Le fichier CSS est intégré dans l'en-tête du formulaire.

  8. Pour enregistrer les modifications, sélectionnez OK.

Dernière mise à jour: 28 février 2024 à 07:12