Modification de l'interface Web à l'aide du concepteur Web

casm173
Le concepteur Web permet de modifier des formulaires Web pour les adapter aux conditions requises de votre site sans programmation nécessaire.
Toutefois, certains formulaires de gestion des connaissances ne peuvent pas être modifiés dans la vue de conception du concepteur Web. Pour ces formulaires, il existe d'autres approches de la personnalisation, comme suit :
  • Affichage du document : le modèle de document utilisé lors de la création du document détermine le contenu de cette page. Il est possible de modifier ces modèles dans l'onglet Administration, sous Documents, Modèles de documents.
  • Paramètres de la liste de documents de catégories de connaissances : vous pouvez modifier cette page à l'aide du concepteur Web, mais elle est également gérée par les préférences de l'utilisateur. La fenêtre Préférences permet à chaque utilisateur de personnaliser la définition des propriétés de document à afficher dans la liste de documents et le nombre de documents à afficher par page.
Procédez comme suit :
  1. Modification d'un formulaire
    Le concepteur Web enregistre toujours les changements sur le serveur sur lequel il est installé. Lorsque vous enregistrez un fichier, les autres utilisateurs du concepteur Web peuvent y accéder dans une session d'aperçu, mais le fichier est invisible pour les utilisateurs standard de CA SDM. Ceci est lié au fait que le concepteur Web enregistre tous les fichiers dans le répertoire site/mods/wsp et que ce répertoire n'est pas utilisé par une session CA SDM standard.
  2. Si vous apportez des changements de formulaire Web dans le système de test, effectuez une migration du système de test au système de production.
  3. (si nécessaire) Supprimez des formulaires après la publication.
Vérification des prérequis
Avant d'initialiser la personnalisation, vérifiez les configurations suivantes :
  • Modifiez le schéma que vous voulez ajouter aux formulaires Web.
  • (Configuration de disponibilité avancée uniquement) Vérifiez les configurations suivantes pour la publication des formulaires Web :
    • (Recommandé) Les services de CA SDM sont en cours d'exécution sur tous les serveurs CA SDM. Dans el cas contraire, le concepteur Web effectuera la publication uniquement sur les serveurs CA SDM en cours d'exécution.
    • (Obligatoire) Au moins une instance du moteur Web doit être en cours d'exécution sur tous les serveurs CA SDM.
Démarrage du concepteur Web
Démarrez le concepteur Web pour modifier des formulaires Web.
Procédez comme suit :
  1. Connectez-vous à l'ordinateur sur lequel vous avez installé le concepteur Web.
  2. Démarrez le concepteur Web.
    • Dans Windows, cliquez sur Démarrer, Programmes, CA, Centre de services, WSP.
    • (UNIX) Entrez la commande
      pdm_wsp
      avec $NX_ROOT/bin dans votre chemin d'accès.
      Si vous utilisez UNIX, Firefox doit être installé pour utiliser le concepteur Web.
    La fenêtre de connexion au concepteur Web s'ouvre.
  3. Entrez vos informations d'identification.
    Le concepteur Web affiche le formulaire principal.
Sélection du formulaire à modifier
Vous pouvez créer un formulaire ou ouvrir un formulaire existant à modifier. Choisissez parmi les possibilités suivantes :
Création d'un formulaire
Créez un formulaire dans le concepteur Web.
Procédez comme suit :
  1. Cliquez sur Fichier, Nouveau.
    La boîte de dialogue Nouveau formulaire s'ouvre.
  2. Remplissez les champs suivants en fonction de vos besoins :
    • Interface ou type de fichier
      Indique le type de fichier du formulaire. Par exemple, pour créer un formulaire HTMPL, sélectionnez une interface (Analyste, Client, Employé, Valeur par défaut, ou Assistant personnel). Pour créer un formulaire de type de fichier différent, sélectionnez le type directement (feuille de style CSS, HTML ou JavaScript). Lorsque vous sélectionnez une interface ou un type de fichier, le concepteur Web affiche une liste de tous les modèles disponibles pour le type de fichier sélectionné dans le champ Nom du fichier.
    • Groupe de formulaires
      Indique le groupe de formulaires (tel que défini pour votre installation de CA SDM) dans lequel vous voulez créer le formulaire ou fichier. Si vous n'en avez pas défini, seul le groupe de formulaires PAR DEFAUT est disponible.
    • Nom du fichier
      Indique le modèle de l'interface ou du type de fichier sélectionné(e). Un modèle contient les principales caractéristiques d'un nouveau formulaire ou fichier du type souhaité.
    • Sélectionner une table pour la nouvelle liste ou le nouveau formulaire détaillé
      Indique les tables CA SDM pour lesquelles vous pouvez créer une liste ou un formulaire détaillé. Ce champ est rempli en fonction de l'interface sélectionnée (Analyste, Client, Employé, Valeur par défaut, ou Assistant personnel).
      Un groupe de formulaires ne peut contenir qu'un seul formulaire détaillé ou de liste par table. Par conséquent, vous devez modifier un formulaire existant (au lieu d'en créer un) pour les tables possédant déjà un formulaire. Si vous souhaitez disposer de plusieurs versions d'un formulaire, créez un ou plusieurs groupes de formulaires qui contiendront les versions supplémentaires.
  3. Cliquez sur Nouveau.
  4. Le formulaire s'affiche avec vos personnalisations. Les deux onglets suivants sont affichés :
    1. Conception
      L'onglet Conception est disponible pour les formulaires détaillés, de liste et de barre de menus. Il présente les contrôles du formulaire disposés plus ou moins de la manière dont ils sont présentés à l'utilisateur. Le formulaire n'a pas cet aspect pour l'utilisateur final. Pour voir à quoi il ressemble, sélectionnez
      Outils
      ,
      Aperçu
      .
    2. Source
      L'onglet Source est un éditeur similaire au Bloc-notes, qui permet d'examiner le code source d'un formulaire et de le modifier. Certains formulaires peuvent être modifiés uniquement dans l'onglet Source. Pour ces formulaires, la fenêtre de modification s'ouvre dans l'onglet Source, et l'onglet Conception est désactivé.
    Le formulaire est prêt à être personnalisé.
    Lorsque vous créez ou modifiez un formulaire détaillé ou de liste, assurez-vous d'utiliser les préfixes list_ et detail_ pour nommer le fichier HTMPL. Par exemple, utilisez list_test.htmp et detail_test.htmpl. Ce préfixe permet de prévisualiser correctement un formulaire. Lorsque vous enregistrez un modèle de détail avec un nom personnalisé, vous devez également modifier manuellement la balise . Par exemple, <PDM_WSP mode=edit preview="test.htmpl+OP=CREATE_NEW" factory=cr>.
Ouverture d'un formulaire existant
Ouvrez un formulaire existant dans le concepteur Web pour le modifier.
Procédez comme suit :
  1. Sélectionnez Fichier, Ouvrir.
    La boîte de dialogue Ouverture de formulaire s'ouvre.
  2. Sélectionnez l'interface (analyste, client, employé, par défaut) ou le type de fichier (feuille de style CSS, JavaScript ou HTML) et le groupe de formulaires qui contient le formulaire que vous voulez modifier.
  3. Sélectionnez le formulaire de votre choix dans la liste déroulante, ou entrez son nom dans la zone de texte.
    Lorsque vous saisissez un nom dans la zone de texte, le concepteur Web parcourt automatiquement la liste jusqu'au premier nom correspondant aux caractères saisis. Vous pouvez utiliser la liste déroulante Fichiers présentant le statut pour restreindre la liste des fichiers affichés :
    • Site modifié avec modifications retirées de la publication (+)
      Limite la liste aux fichiers modifiés à l'aide du concepteur Web, mais qui n'ont pas encore été publiés. Ces fichiers sont identifiés par un signe plus (+) à la suite de leur nom.
    • Site modifié (*)
      Limite la liste aux formulaires modifiés sur site, qu'ils aient été publiés ou non. Les fichiers non publiés sont identifiés par un signe plus (+) à la suite de leur nom. Les modifications de site publiées sont identifiées par un astérisque (*) après le nom de fichier.
    • Tous
      Présente la liste sans aucune restriction. Les fichiers non publiés sont identifiés par un signe plus (+) à la suite de leur nom. Les modifications de site publiées sont identifiées par un astérisque (*) après le nom de fichier.
  4. Cliquez sur Ouvrir.
    Le formulaire s'affiche et est prêt pour la personnalisation.
Modification d'un formulaire
Après avoir ouvert le formulaire à modifier dans le concepteur Web, vous pouvez utiliser la barre d'outils, les commandes de menu et les raccourcis pour le personnaliser. Vous pouvez effectuer la personnalisation suivante :
  • Insérer un contrôle
  • Modification des propriétés de contrôle
  • Modification de barres de menus
  • Modification des feuilles de style
  • Modification d'un formulaire d'aperçu contextuel
  • Modification de liste de grilles de données dans un formulaire de liste
  • Modification de carnets dans un formulaire détaillé
  • Modification de fichiers HTML et JavaScripts
Insérer un contrôle
Ajoutez un contrôle dans le formulaire. Par exemple, ajoutez une zone de texte dans le formulaire.
Les contrôles susceptibles d'être insérés dans les formulaires de liste et les formulaires détaillés sont les suivants :
Contrôle
Icône
Description
Insérer une ligne
BSVC_r12.1--Inserting a Control
Le contrôle sélectionné devient le dernier contrôle dans la ligne actuelle (déplace les contrôles qui suivent à la ligne suivante).
Supprimer une ligne
N/D
Supprime tous les contrôles figurant sur la ligne du contrôle actuellement sélectionné.
Zone de texte
BSVC_r12.1--Inserting a Control (2)
Insère une zone de texte comportant une ou plusieurs lignes pour modifier un champ de texte ou une chaîne.
Liste déroulante
BSVC_r12.1--Inserting a Control (3)
Insère un sélecteur de liste déroulante permettant de modifier un champ validé dans une table.
Recherche
BSVC_r12.1--Inserting a Control (4)
Insère un contrôle de recherche pour modifier un champ validé dans une table. Le contrôle est constitué d'une zone de texte avec un lien hypertexte dans l'étiquette qui fait apparaître un formulaire de sélection.
Bouton
BSVC_r12.1--Inserting a Control (12)
Insère un bouton.
Recherche hiérarchique
BSVC_r12.1--Inserting a Control (5)
Similaire à un contrôle de recherche, à la différence près qu'il est utilisé pour un champ avec un sélecteur hiérarchique (par exemple, une catégorie de demande).
Date
BSVC_r12.1--Inserting a Control (6)
Insère un champ de date. Le contrôle est constitué d'une zone de texte avec un lien hypertexte dans l'étiquette qui fait apparaître un sélecteur de date.
Les contrôles supplémentaires suivants sont disponibles pour les formulaires détaillés uniquement :
Contrôle
Icône
Description
Case à cocher
BSVC_r12.1--Inserting a Control (7)
Insère une case à cocher.
Editeur HTML
BSVC_r12.1--Inserting a Control (8)
Insère un éditeur HTML pour un champ de texte qui contient du code HTML.
Zone de texte en lecture seule
BSVC_r12.1--Inserting a Control (9)
Insère un champ de texte non modifiable.
Recherche en lecture seule
BSVC_r12.1--Inserting a Control (10)
Insère un champ de recherche non modifiable. Le champ est présenté sous forme de lien hypertexte pour afficher le formulaire détaillé qui le définit.
Lecture seule
BSVC_r12.1--Inserting a Control (11)
Insère un champ de date non modifiable.
Carnet
BSVC_r12.1--Inserting a Control (13)
Insère un carnet. Un formulaire détaillé ne pouvant comporter qu'un seul carnet, ce contrôle peut être inséré uniquement dans les formulaires qui ne contiennent pas encore de carnet.
Le contrôle supplémentaire suivant est disponible pour les formulaires de liste uniquement :
Contrôle
Icône
Description
Liste
BSVC_r12.1--Inserting a Control (14)
Insère une liste. Un formulaire de liste ne pouvant comporter qu'une seule liste, ce contrôle peut être inséré uniquement dans les nouveaux formulaires de liste.
Procédez comme suit :
  1. Cliquez avec le bouton droit de la souris à l'endroit où vous souhaitez placer le contrôle dans le formulaire et sélectionnez Insérer un contrôle.
    Une liste déroulante s'affiche.
  2. Sélectionnez les options de la boîte de dialogue d'insertion de contrôle.
    Le contrôle est alors placé dans le formulaire.
  3. Pour vérifier l'affichage du formulaire pour l'utilisateur final, sélectionnez Outils, Aperçu. Bien que cette fenêtre ressemble à une fenêtre CA SDM standard et que la plupart des boutons et des menus soient fonctionnels, il ne s'agit pas d'une session standard ; vous ne devez donc pas l'utiliser de cette manière.
  4. Cliquez sur Fichier, puis sur Enregistrer.
    Les contrôles sont ajoutés au formulaire.
Options de la boîte de dialogue Insérer un contrôle
Dans le menu Fichier, ouvrez la boîte de dialogue Insérer un contrôle. Tous les contrôles de l'interface utilisateur correspondant à la section du formulaire sélectionné pour modification y sont répertoriés.
La boîte de dialogue contient les options suivantes :
  • Insérer avant
    Insère le contrôle sélectionné dans la liste avant le contrôle sélectionné dans le formulaire de base, et devient le contrôle actuellement sélectionné.
  • Insérer après
    Insère le contrôle sélectionné dans la liste après le contrôle sélectionné dans le formulaire de base, et devient le contrôle actuellement sélectionné.
  • Préc.
    Le contrôle précédent le contrôle actuellement sélectionné devient le contrôle sélectionné dans le formulaire.
  • Suivant
    Le contrôle suivant le contrôle actuellement sélectionné devient le contrôle sélectionné dans le formulaire.
  • Propriétés
    Ouvre la boîte de dialogue Propriétés pour le contrôle sélectionné.
  • Fermer
    Ferme le formulaire Insérer un contrôle.
  • Fermer le formulaire après insertion
    (Activé) Insère le contrôle sélectionné et ferme la boîte de dialogue Insérer un contrôle lorsque vous cliquez sur Insérer avant ou Insérer après.
    (Désactivé) Insère le contrôle sélectionné lorsque vous cliquez sur Insérer avant ou Insérer après. La boîte de dialogue Insérer un contrôle reste ouverte pour vous permettre d'insérer d'autres contrôles ou des propriétés de demande pour le contrôle actuellement sélectionné. Une fois que la case à cocher Fermer le formulaire après insertion est désactivée, elle le reste jusqu'à sa réactivation ou la fermeture du concepteur Web.
    Par défaut :
    Activé
Modification des propriétés de contrôle
Modifiez les propriétés d'un contrôle.
Procédez comme suit :
  1. Sélectionnez le contrôle et appuyez sur F4.
    La boîte de dialogue Propriétés s'ouvre.
  2. Modifiez les propriétés selon vos besoins. Par exemple, la propriété Légende permet d'indiquer l'étiquette d'en-tête qui s'affiche au-dessus d'un contrôle. Pour définir cette propriété, entrez la valeur de votre choix dans la cellule située à droite de la propriété Légende.
  3. Fermez la boîte de dialogue Propriétés.
  4. Pour vérifier l'affichage du formulaire pour l'utilisateur final, sélectionnez Outils, Aperçu. Bien que cette fenêtre ressemble à une fenêtre CA SDM standard et que la plupart des boutons et des menus soient fonctionnels, il ne s'agit pas d'une session standard ; vous ne devez donc pas l'utiliser de cette manière.
  5. Cliquez sur Fichier, puis sur Enregistrer.
    Les propriétés du contrôle sont modifiées et le formulaire est enregistré.
Modification de barres de menus
Les formulaires dont les noms commencent par «
menubar_
» définissent une barre de menus. Le mode Conception d'une barre de menus présente le menu au sommet. Vous pouvez cliquer sur un élément de menu pour abaisser le menu, mais vous ne pouvez pas modifier la barre de menus directement en mode Conception. Pour modifier la barre de menus, cliquez deux fois sur l'élément de menu pour afficher le concepteur de menus.
Les menus (et formulaires de barre de menus) sont utilisés uniquement dans l'interface de l'analyste. Les interfaces client et employé utilisent une « barre de lancement » contenant les liens réels et non des menus déroulants. Pour modifier la barre de lancement client ou employé, modifiez le formulaire std_body_site.htmpl dans l'interface appropriée.
Procédez comme suit :
  1. Sélectionnez Outils, Concepteur de menus ou double-cliquez sur le menu affiché dans l'onglet Conception d'un formulaire de barre de menus.
    La boîte de dialogue Concepteur de menus s'ouvre.
  2. Pour ajouter ou modifier des éléments de menu, remplissez les champs de la boîte de dialogue Concepteur de menus. Pour plus d'informations sur l'ajout d'éléments de menu, reportez-vous à la rubrique Fonctions utiles dans les éléments de menu.
  3. Cliquez sur OK pour fermer la boîte de dialogue.
  4. Pour vérifier l'affichage du formulaire pour l'utilisateur final, sélectionnez Outils, Aperçu. Bien que cette fenêtre ressemble à une fenêtre CA SDM standard et que la plupart des boutons et des menus soient fonctionnels, il ne s'agit pas d'une session standard ; vous ne devez donc pas l'utiliser de cette manière.
  5. Cliquez sur Fichier, puis sur Enregistrer.
    La barre de menus est modifiée dans le formulaire.
Boîte de dialogue Concepteur de menus
Cette boîte de dialogue apparaît lorsque vous sélectionnez Concepteur de menus dans le menu Outils ou double-cliquez sur le menu qui s'affiche dans l'onglet Conception d'un formulaire de barre de menus. Cette boîte de dialogue vous permet d'ajouter des barres de menus, des menus, des sous-menus et des commandes de menu dans le formulaire ouvert.
Vous pouvez accéder au concepteur de menus uniquement lors de la modification de formulaires HTMPL dont le nom commence par menubar_, tels que menubar_admin.htmpl.
La boîte de dialogue Editeur de menus contient les contrôles suivants :
  • Liste de menus
    Dans cette liste, sélectionnez l'élément de menu à modifier. Par exemple, pour changer l'étiquette du menu, sélectionnez-la dans la liste, entrez un nouveau nom dans la zone de texte Légende, puis cliquez sur Appliquer. Vous pouvez ajouter, insérer, supprimer et déplacer les éléments de menu à l'aide des contrôles du concepteur de menus.
    Le nombre de niveaux de retrait est limité à un.
  • Légende
    Entrez le nom de l'élément de menu sélectionné. Pour plus d'informations, reportez-vous à la propriété.
  • Fonction
    Entrez la fonction JavaScript à exécuter lorsque l'utilisateur clique sur le menu. Pour plus d'informations, reportez-vous à la description de la propriété Fonction, qui fournit notamment des fonctions prédéfinies pouvant être utiles pour la définition de menus.
  • ID
    Entrez l'ID HTML/JavaScript à attribuer à l'élément de menu.
  • Touche d'accès rapide
    Entrez une liste de caractères indiquant à CA SDM votre préférence quant à la touche d'accès rapide de cet élément de menu. La lettre correspondant à la touche d'accès rapide apparaît soulignée dans la légende du menu lorsque l'affichage est activé. CA SDM sélectionne généralement la première lettre de la légende du menu qui n'est pas déjà utilisée comme touche d'accès rapide. Vous pouvez cependant indiquer dans ce champ un ou plusieurs caractères afin de limiter la sélection à ces caractères, ou les faire précéder d'un point d'exclamation en vue d'empêcher leur sélection.
  • Image
    Indiquez l'emplacement de l'image que vous souhaitez voir apparaître en regard de l'élément de menu.
  • Interne
    Sélectionnez cette option pour indiquer que le code JavaScript appelé par la fonction doit être exécuté dans le contexte de la fenêtre en cours (qui peut être une fenêtre de détail contextuelle). Si cette option est désélectionnée, la fonction est exécutée dans le contexte du formulaire principal.
  • Variable
    Entrez la variable JavaScript à attribuer à l'élément de menu.
  • Barre d'outils
    Ajoute une icône de barre d'outils et une info-bulle correspondant à un élément de menu de niveau non supérieur.
  • Fichier d'icône
    Identifie l'emplacement de l'icône de barre d'outils.
  • TIP
    Spécifie le texte de l'info-bulle.
Fonctions utiles dans les éléments de menus
CA SDM affiche, dans la plupart des formulaires, une barre de menus qui permet de contrôler ses fonctions. La barre de menus est générée par un formulaire HTMPL avec un nom du formulaire menubar_
xx
.htmpl. Nous vous recommandons d'utiliser le concepteur Web pour modifier les barres de menus existantes et en définir de nouvelles.
Les fonctions prédéfinies suivantes peuvent être utiles pour les scripts appelés par des éléments de menus :
  • upd_frame(form)
    Permet de charger un nouveau formulaire dans le cadre de contenu de la fenêtre principale.
  • create_new(factory, use_template, width, height [,args])
    Fait apparaître un formulaire permettant de définir un nouvel enregistrement.
    Popup_window(name, form[, width, height [,features [,args]] ])
    Fait apparaître une nouvelle fenêtre.
  • showDetailWithPersid(persid)
    Fait apparaître un enregistrement de détail.
Les termes et les définitions suivantes s'appliquent aux fonctions précédentes :
  • Formulaire
    Il s'agit soit d'un nom de fichier HTMPL sous la forme xxx.htmpl, soit d'un code d'opération (par exemple, CREATE_NEW).
  • Sous-objet
    Il s'agit du nom d'un objet de base de données.
  • use_template
    La valeur est soit True (vrai), soit False (faux).
  • width
    Ceci représente la largeur souhaitée du formulaire ou zéro par défaut.
  • height
    Ceci représente la hauteur souhaitée du formulaire ou zéro par défaut.
  • features
    Il s'agit d'une liste de fonctions de fenêtre, au même format que celui utilisé avec la fonction standard window.open.
  • args
    Il s'agit d'une ou de plusieurs balises sous la forme "keyword=value" pour l'opération spécifiée pour le formulaire.
  • persid
    Il s'agit d'un ID persistant sous la forme factory:ID.
Modification des feuilles de style
Vous pouvez utiliser le concepteur Web pour créer ou modifier des fichiers CSS (cascading style sheet).
Pour des raisons de performances, les feuilles de style de CA SDM sont livrées sous deux formes : des fichiers individuels (tels que search_filter.css) et des fichiers combinés regroupant plusieurs fichiers individuels, exempts des commentaires et espaces superflus (tels que analyst_styles.css). Le concepteur Web modifie systématiquement chaque fichier ; vous ne pouvez pas modifier directement un fichier combiné. Lorsque vous publiez les modifications de feuilles de style, le concepteur Web génère automatiquement le fichier combiné associé si nécessaire.
Procédez comme suit :
  1. Créez ou ouvrez un fichier de feuille de style CCS.
    Le concepteur Web affiche le mode source de la feuille de style.
  2. Vous pouvez effectuer les modifications directement dans le mode Source ou afficher le concepteur de styles en sélectionnant Outils, Concepteur de styles.
  3. Remplissez les champs dans la boîte de dialogue Concepteur de styles, comme il convient. Un certain nombre d'attributs de style, tels que la marge et la bordure, ne peuvent être ni affichés ni modifiés dans le concepteur de styles. Ils doivent être modifiés en mode source.
  4. Cliquez sur OK dans le concepteur de styles.
    Le concepteur Web formate à nouveau la feuille de style et met à jour le mode source.
  5. Cliquez sur Fichier, puis sur Enregistrer.
    La feuille de style est modifiée.
Boîte de dialogue Concepteur de styles
La boîte de dialogue Concepteur de styles permet de modifier ou de personnaliser les feuilles de style. A l'ouverture de la boîte de dialogue, l'onglet Police et couleur est activé par défaut. Il contient les contrôles suivants :
  • Classes de styles
    Dans la liste déroulante, sélectionnez un élément de style à modifier.
  • Ajouter
    Cliquez sur ce contrôle pour ajouter une nouvelle classe de style.
  • Renommer
    Cliquez sur ce contrôle pour renommer la classe de style sélectionnée dans la liste déroulante.
  • Supprimer
    Cliquez ici pour supprimer la classe de style sélectionnée dans la liste déroulante.
  • Polices installées
    Cette propriété répertorie les polices installées sur le système. Cliquez sur les flèches droite et gauche pour déplacer les polices sélectionnées entre la liste Polices installées et la liste Polices sélectionnées.
  • Polices sélectionnées
    Cette propriété définit une liste hiérarchique contenant les polices favorites qu'utilise le navigateur pour afficher l'élément de la classe de style. Les navigateurs utilisent la première police de la liste installée sur le système sur lequel ils sont eux-mêmes exécutés.
    Cliquez sur la flèche vers le haut ou la flèche vers le bas pour déplacer les polices sélectionnées vers le haut ou vers le bas dans la hiérarchie.
  • Taille de la police
    Sélectionnez une taille de police dans la liste déroulante.
  • Gras
    Sélectionnez un style de police dans la liste déroulante.
  • Italique
    Sélectionnez un style de police dans la liste déroulante.
  • Sans effet
    Sélectionnez cette option si vous ne souhaitez appliquer aucun effet ni ornement spécial au texte.
  • Souligné
    Sélectionnez cette option pour souligner le texte.
  • Barré
    Sélectionnez cette option pour barrer le texte.
  • Surligné
    Sélectionnez cette option pour qu'une ligne apparaisse au-dessus du texte.
  • Couleur de premier plan
    Pour sélectionner la couleur de premier plan du texte, cliquez sur le bouton Parcourir situé à droite de cette propriété, puis sélectionnez une couleur dans la palette de couleurs et cliquez sur OK.
  • Couleur d'arrière-plan
    Pour sélectionner la couleur d'arrière-plan du texte, cliquez sur le bouton Parcourir situé à droite de cette propriété, puis sélectionnez une couleur dans la palette de couleurs et cliquez sur OK.
  • Transparent
    Sélectionnez cette option pour que l'arrière-plan de l'élément de style soit transparent.
Un exemple de cet élément s'affiche dans la zone d'aperçu, dans la partie inférieure de la boîte de dialogue.
Pour définir la position de l'élément, cliquez sur l'onglet Position. Cet onglet comporte les contrôles suivants :
  • Position
    Sélectionnez la position de l'élément dans la liste déroulante. Cette propriété place l'élément dans une position statique, absolue ou relative. La valeur Statique a pour effet de placer l'élément par rapport au flux normal. La valeur Absolue permet de placer l'élément n'importe où sur la page. La valeur Relative permet de déplacer l'élément par rapport à sa position normale.
  • Gauche
    Entrez une valeur définissant la marge gauche de l'élément. Sélectionnez une taille dans la liste déroulante. Cette propriété est désactivée si vous avez choisi la position Statique.
  • Haut
    Entrez une valeur définissant la marge supérieure de l'élément. Sélectionnez une taille dans la liste déroulante. Cette propriété est désactivée si vous avez choisi la position Statique.
  • Largeur
    Entrez une valeur définissant la largeur de l'élément. Sélectionnez une taille dans la liste déroulante.
  • Hauteur
    Entrez une valeur définissant la hauteur de l'élément. Sélectionnez une taille dans la liste déroulante.
  • Z-Index
    Entrez une valeur définissant l'ordre de pile de l'élément. L'élément possédant l'ordre de pile le plus élevé est toujours placé devant un élément dont l'ordre de pile est inférieur. Z-index s'applique uniquement aux éléments ayant une position Absolue.
Les éléments peuvent posséder des ordres de pile négatifs.
Cliquez sur l'onglet Autre pour définir des propriétés propres à l'élément. Cet onglet contient les contrôles suivants :
  • Visibilité
    Sélectionnez le type de visibilité de l'élément dans la liste déroulante. Cette propriété définit la façon dont le contenu d'un élément s'affiche en cas de dépassement de la zone définie.
  • Dépassement
    Sélectionnez le type de dépassement de l'élément dans cette liste déroulante. Cette propriété détermine la solution à adopter lorsqu'un élément dépasse la zone qui lui est attribuée.
  • Affichage
    Sélectionnez le type d'affichage de l'élément dans cette liste déroulante. Cette propriété définit le mode d'affichage de l'élément.
  • Curseur
    Sélectionnez le type de curseur de l'élément dans cette liste déroulante. Cette propriété définit le type de curseur à afficher lorsque l'utilisateur pointe sur un élément.
  • OK
    Cliquez sur ce contrôle pour fermer la boîte de dialogue et enregistrer vos modifications.
  • Annuler
    Cliquez sur ce contrôle pour fermer la boîte de dialogue Concepteur de styles.
Modification d'un formulaire d'aperçu contextuel
Les aperçus contextuels permettent d'afficher des informations clés dans le formulaire actuel sans devoir cliquer sur un lien ou ouvrir une page Web. L'aperçu contextuel s'affiche lorsque vous placez le curseur sur le lien d'un objet situé dans un formulaire détaillé ou dans un formulaire de liste et que vous attendez un instant. Si vous déplacez la souris avant que le délai ne s'écoule, l'aperçu ne s'affichera pas. Les aperçus contextuels s'affichent par défaut sur tous les formulaires détaillés et les formulaires de liste en lecture seule.
Vous pouvez créer des aperçus contextuels pour des formulaires ne disposant pas de paramètre preview_forms par défaut. Vous pouvez également créer des aperçus contextuels pour des formulaires personnalisés créés dans votre environnement CA SDM.
Les formulaires prenant en charge la fonctionnalité d'aperçu contextuel prédéfinis suivants sont disponibles :
  • preview_chg.htmpl (Demande de changement)
  • preview_cnt.htmpl (Contact)
  • preview_cr.htmpl (Demande)
  • preview_in.htmpl (Incident)
  • preview_iss.htmpl (Demande client)
  • preview_KD.htmpl (Document de connaissances)
  • preview_nr.htmpl (Elément de configuration)
  • preview_pr.htmpl (Problème)
Procédez comme suit :
  1. Ouvrez l'un des formulaires suivants à personnaliser :
    • Ouvrez un formulaire existant qui ne dispose pas de paramètre preview_form par défaut. Par exemple, detail_loc.htmpl
    • Ouvrez un formulaire d'aperçu contextuel existant. Par exemple : preview_chg.htmpl.
  2. Modifiez le formulaire. Par exemple, ajoutez ou supprimez des contrôles personnalisés.
  3. Cliquez sur Fichier, Enregistrer sous, puis spécifiez un nom de fichier à l'aide de preview_prefix et cliquez sur Enregistrer. Par exemple, spécifiez preview_loc.htmpl.
    Le formulaire d'aperçu contextuel est créé et modifié.
Modification de liste de grilles de données dans un formulaire de liste
Les listes de grilles de données vous permettent d'afficher le contenu d'une page de produit sur un formulaire de liste sans ouvrir de page. Ce contrôle permet de répertorier les éléments de la source de données dans une table pour que vous puissiez sélectionner des éléments, les trier et extraire des données. Par exemple, les options Développer et Réduire dans le formulaire Liste des incidents.
Procédez comme suit :
  1. Ouvrez un formulaire de liste.
  2. Localisez la zone bleue située après les champs étiquetés à la fin du formulaire en mode Conception. Si vous préférez le mode Source, la grille de données s'affiche entre les lignes de code suivantes :
    <PDM_MACRO name=lsStart> <PDM_MACRO name=lsEnd>
    Les exemples suivants présentent la grille de données en mode Conception :
2173363.PNG
Le signe plus dans la zone de grille de données représente le début de la section extensible de la ligne, c'est-à-dire les champs qui sont uniquement affichés lorsqu'un utilisateur clique sur plus dans la ligne de la grille du formulaire de liste. Le code suivant génère le signe plus en mode Source :
<PDM_MACRO name=lsCol attr=open_date label="Open Date" sort="DESC" startrow=yes>
Le paramètre
startrow=yes
indique le début d'une ligne et le début de la section extensible de la ligne.
  • Effectuez un glisser-déposer des colonnes pour les déplacer dans une liste. Vous pouvez déplacer des colonnes entre la partie principale de la ligne et la section extensible. Vous ne pouvez pas déplacer un contrôle existant après la zone de grille.
  • Pour insérer une colonne de liste, cliquez avec le bouton droit de la souris sur un contrôle ou dans l'arrière-plan bleu, puis sélectionnez Insérer une colonne ou Insérer un contrôle.
    • Si vous sélectionnez Insérer une colonne, le concepteur Web insèrera une colonne à gauche du contrôle actuellement sélectionné.
    • Si vous sélectionnez Insérer un contrôle, le concepteur Web affiche la boîte de dialogue Insérer un contrôle qui permet d'ajouter le contrôle de votre choix au formulaire.
  • Pour vérifier l'affichage du formulaire pour l'utilisateur final, sélectionnez Outils, Aperçu. Bien que cette fenêtre ressemble à une fenêtre CA SDM standard et que la plupart des boutons et des menus soient fonctionnels, il ne s'agit pas d'une session standard ; vous ne devez donc pas l'utiliser de cette manière.
  • Cliquez sur Fichier, puis sur Enregistrer.
    La liste de grille de données est modifiée dans le formulaire de liste.
Modification de carnets dans un formulaire détaillé
Le contrôle des onglets imbriqués (carnet) vous permet de développer ou de réduire les informations clés dans le formulaire actuel. Par exemple, utilisez ce contrôle pour personnaliser l'organisation des onglets dans le formulaire détaillé Incident. En mode Conception, vous pouvez utiliser le contrôle Carnet pour ajouter des onglets imbriqués à un formulaire détaillé qui n'en contient aucun. Double-cliquez sur le contrôle Carnet pour le modifier. Utilisez la fonction glisser-déposer pour ajouter, insérer, supprimer des onglets de carnet, ou modifier leurs légendes. Vous pouvez aussi utiliser les touches Haut et Bas pour réorganiser les onglets en changeant la position de l'onglet actuellement sélectionné. La case à cocher Nouvelle ligne spécifie si l'onglet sélectionné démarre une nouvelle ligne dans l'en-tête du carnet.
Procédez comme suit :
  1. Ouvrez un formulaire détaillé.
  2. En mode Conception, localisez la zone bleue du formulaire qui contient la première étiquette numérotée.
    Si vous préférez le mode Source, la zone de carnet s'affiche entre les lignes de code suivantes :
    <PDM_MACRO name=startNotebook hdr=cng_nb>
    <PDM_MACRO name=endNotebook>
    Dans CA SDM r12.6, un carnet peut contenir des onglets imbriqués. Dans le concepteur Web, un onglet de niveau supérieur (un onglet contenant d'autres onglets) est également appelé groupe d'onglets. Le concepteur Web affiche un groupe d'onglets sous la forme d'une barre bleue pleine placée en travers de la zone de carnet bleue, avec au centre, une étiquette numérotée. Un onglet de niveau inférieur (un onglet qui ne contient pas d'autres onglets) est nommé simplement onglet. Le concepteur Web affiche les onglets de niveau inférieur sous la forme de rectangles aux coins arrondis.
  3. Cliquez sur un onglet pour le sélectionner. En sélectionnant un onglet, un lien est mis en surbrillance et affiche le contenu de l'onglet dans la partie inférieure du carnet.
    Vous pouvez déplacer les onglets et les groupes d'onglets à l'intérieur d'un carnet à l'aide de la fonction glisser-déposer. En déplaçant un groupe d'onglets, vous déplacez tous les onglets qu'il contient.
  4. Pour insérer un onglet ou un groupe d'onglets, cliquez avec le bouton droit de la souris sur un contrôle ou sur l'arrière-plan du carnet bleu et sélectionnez Insérer un onglet, Insérer un groupe d'onglets ou Insérer un contrôle.
    Si vous sélectionnez Insérer un onglet ou Insérer un groupe d'onglets, le concepteur Web insère un onglet ou un groupe d'onglets à gauche du contrôle actuellement sélectionné. Si vous sélectionnez Insérer un contrôle, le concepteur Web affiche la boîte de dialogue Insérer un contrôle qui permet d'ajouter le contrôle de votre choix au formulaire.
  5. Pour vérifier l'affichage du formulaire pour l'utilisateur final, sélectionnez Outils, Aperçu. Bien que cette fenêtre ressemble à une fenêtre CA SDM standard et que la plupart des boutons et des menus soient fonctionnels, il ne s'agit pas d'une session standard ; vous ne devez donc pas l'utiliser de cette manière.
    Cliquez sur Fichier, puis sur Enregistrer.
Modification de fichiers HTML et JavaScripts
Vous pouvez utiliser le mode Source du concepteur Web pour modifier des formulaires HTML et JavaScript. Ouvrez un fichier HTML ou JavaScript et apportez les changements nécessaires.
Remarque : Pour des raisons de performances, certains fichiers JavaScript de CA SDM sont livrés sous deux formes : des fichiers individuels (tels que window_manager.js) et des fichiers combinés regroupant un certain nombre de fichiers individuels, exempts des commentaires et espaces superflus (tels que std_head.js). Le concepteur Web modifie systématiquement chaque fichier ; vous ne pouvez pas modifier directement un fichier combiné. Lorsque vous publiez les modifications de script, le concepteur Web génère automatiquement le fichier combiné associé si nécessaire.
Migration du système de test vers le système de production
L'un des objectifs en matière de conception du concepteur Web consiste à sécuriser le développement et le test des modifications de formulaire dans une base de données de production. Les fonctionnalités telles que l'arborescence du concepteur Web sur le serveur, les processus du serveur du concepteur Web dédiés et les sessions d'aperçu en lecture seule participent à cet objectif. Cependant, bon nombre d'utilisateurs préfèrent élaborer leurs modifications de formulaire dans un système de test indépendant puis migrer les formulaires dans un système de production distinct, comme ceci :
  1. Copiez les formulaires HTMPL à migrer du sous-répertoire approprié site/mods/www/htmpl du système de test vers le même sous-répertoire site/mods/wsp/project du système de production.
  2. Copiez tous les fichiers CSS, JavaScript et HTML à migrer du sous-répertoire approprié site/mods/www/wwwroot du système de test vers le même sous-répertoire site/mods/www/wwwroot/wsp/project du système de production.
    Assurez-vous de copier les fichiers et les formulaires sur les serveurs suivants du système de production, selon la configuration de CA SDM :
    • Configuration conventionnelle
      : serveur principal
    • Disponibilité avancée
      : serveur d'arrière-plan
Vous pouvez utiliser toute méthode de copie de fichier prise en charge par votre système d'exploitation pour procéder à la copie décrite aux étapes 1 et 2 ci-dessus. Les utilisateurs Windows doivent remplacer la barre oblique (/) par une barre oblique inverse (\) dans les chemins de répertoires indiqués.
Publication de changements de formulaire
Lorsque vous êtes satisfait des modifications, vous pouvez les publier de manière à les mettre à la disposition de tous les utilisateurs de CA SDM. La publication met à jour tous les serveurs CA SDM en intégrant les nouveaux formulaires ou les formulaires modifiés.
Procédez comme suit :
  1. Sélectionnez Fichier, Publier.
    Si des modifications n'ont pas été enregistrées, le concepteur Web vous invite à les enregistrer, puis affiche une boîte de dialogue de confirmation qui répertorie toutes les modifications du concepteur Web en attente (notamment celles enregistrées dans des sessions antérieures ou celles enregistrées par d'autres utilisateurs du concepteur Web). Par défaut, toutes les modifications sont sélectionnées afin d'être publiées. Vous pouvez changer la sélection des modifications devant être publiées en cliquant dessus.
  2. Lorsque la sélection
    vous convient, cliquez sur OK.
  3. (Configuration de disponibilité avancée uniquement) Si le moteur Web n'est exécuté sur aucun serveur CA SDM, un message d'erreur s'affichera avec la liste des serveurs CA SDM sur lesquels la publication par le concepteur Web a échoué. Effectuez les opérations suivantes :
    1. Configurez le serveur CA SDM (serveur spécifié dans le message d'erreur) pour appliquer les corrections.
    2. Modifiez le fichier dans le concepteur Web et ajouter un espace dans la macro <PDM_IF 0>, puis enregistrez-le.
    3. Revenez à l'étape 1 pour republier le formulaire Web.
      Si vous ne voulez pas apporter de changements à la configuration, vous devez copier manuellement le dossier nx_root/site/mods/www du serveur d'arrière-plan sur tous les autres serveurs.
  4. (configuration de disponibilité avancée uniquement) Si le serveur d'arrière-plan tombe en panne lors de la publication, récupérez les changements de HTMPL.
  5. (formulaires d'aperçu contextuel) Exécutez la commande suivante après la publication des changements :
    pdm_webcache - H
    Le cache Web est actualisé. Le concepteur Web rend les changements sélectionnés disponibles pour tous les utilisateurs actifs sur tous les serveurs.
Seuls les formulaires modifiés par le site peuvent être supprimés. Les demandes de suppression d'un formulaire préalablement publié prennent effet lorsque vous publiez les modifications. Pour annuler une demande de suppression en attente, sélectionnez Fichier, Annuler la suppression du formulaire. Vous pouvez annuler les modifications apportées à un formulaire après sa publication.
Récupération des changements HTMPL
Vous pouvez récupérer les changements HTMPL lorsque le serveur d'arrière-plan échoue lors de l'activité de publication.
Nous vous recommandons de ne pas effectuer les étapes de récupération directement dans l'environnement de production. Assurez-vous de les valider d'abord dans l'environnement de test ou de développement.
Procédez comme suit :
  1. Accédez au répertoire suivant sur le serveur d'arrière-plan en panne :
    $NX_ROOT$/site/mods/www/wwwroot/wsp/project/web
  2. Copiez tout le contenu du dossier Web.
  3. Connectez-vous au nouveau serveur d'arrière-plan et collez tout le contenu copié dans le dossier $NX_ROOT$/site/mods/www/wwwroot/wsp/project/web.
  4. Reprenez la publication des changements sur le nouveau serveur d'arrière-plan.