Définition d'outils de création

Vous pouvez définir la présentation d'un élément d'outil de création de différentes manières, notamment en affichant des outils de création sous forme de liens de type texte ou image.

Options d'outil de création

Conceptions d'outil de création

Pour afficher les outils de création, utilisez des balises "placeholder". Dans les conceptions d'outil de création vous pouvez utiliser les balises Placeholder suivantes :

Outil de création de texte

Cet exemple décrit les conceptions d'élément utilisées pour afficher un outil de création de texte. Chaque conception inclut des balises Placeholder qui sont utilisées pour générer le texte et le lien de chaque outil de création.
Conception de l'action Nouveau :
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
Conception de l'action Lire :
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
Conception de l'action Modifier :
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
Conception de l'action Supprimer :
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
Conception de l'action Approuver :
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
Conception de l'action Rejeter :
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
En-tête :
<div><span>
Séparateur :
</span><span>
Bas de page :
</span></div>

Outil de création d'image

Cet exemple décrit les conceptions d'élément utilisées pour afficher un outil de création d'image. Dans cet exemple, la balise [Placeholder tag="name"] est remplacée par une balise component référençant un composant d'image. Avant de créer ces conceptions d'élément, vous devez créer un composant d'image pour chaque image utilisée dans la conception. Dans cet exemple, les composants d'image suivants sont requis :
  • new-image
  • read-image
  • edit-image
  • delete-image
  • approve-image
  • reject-image
Conception de l'action Nouveau :
<a href="[Placeholder tag="href"]" >
[component name="new-image" ]</a>
Conception de l'action Lire :
<a href="[Placeholder tag="href"]" >
[component name="read-image" ]</a>
Conception de l'action Modifier :
<a href="[Placeholder tag="href"]" >
[component name="edit-image" ]</a>
Conception de l'action Supprimer :
<a href="[Placeholder tag="href"]" >
[component name="delete-image" ]</a>
Conception de l'action Approuver :
<a href="[Placeholder tag="href"]" >
[component name="approve-image" ]</a>
Conception de l'action Rejeter :
<a href="[Placeholder tag="href"]" >
[component name="reject-image" ]</a>
En-tête :
<div><span>
Séparateur :
</span><span>
Bas de page :
</span></div>

Utilisation des composants des outils de création dans une fenêtre en incrustation

Si vous utilisez une fenêtre en incrustation pour effectuer une tâche de création, la fenêtre en incrustation s'ouvre au dessus de la page de portail. Vous pouvez la déplacer dans les limites de la fenêtre de navigateur tout en gardant affichée la page de portail en dessous. Une fois terminée la tâche déclenchée par l'élément des outils de création, la fenêtre en incrustation se ferme automatiquement et la page de portail s'actualise pour mettre à jour la vue de l'afficheur de contenu Web JSR 286. Vous pouvez annuler la tâche de création en cliquant sur l'icône de fermeture dans la barre de titre de la fenêtre en incrustation. Lorsque vous annulez la tâche, les informations sur le contenu Web ne sont pas sauvegardées, à moins que vous ne sauvegardiez explicitement vos modifications avant de fermer manuellement la fenêtre.

La valeur par défaut de l'attribut format d'une balise de marque de réservation étant tag, pour utiliser des fenêtres en incrustation pour l'édition en ligne, il n'est pas nécessaire de spécifier une valeur pour l'attribut format. Les exemples de conception suivants crée une URL qui ouvre une fenêtre en incrustation pour les tâches de création :
[Placeholder tag="namelink"]
[Placeholder tag="namelink" format="tag"]

<a href="[Placeholder tag="href"]" >
  [Placeholder tag="name"]
</a>
<a href="[Placeholder tag="href" format="tag"]">
  [Placeholder tag="name"]
</a>
Remarque : Il n'est pas possible de lancer la fenêtre en incrustation dans une fenêtre de navigateur distincte en ajoutant target="_blank" à la balise d'ancre HTML dans la conception. Si vous souhaitez utiliser un composant d'outil de création avec une conception de boîte de dialogue en incrustation dans une page statique, la version HTML de votre page statique doit inclure IBM Dojo Toolkit. Pour inclure Dojo à votre page, vous pouvez ajouter ceci à la section d'en-tête de votre page :
<script type="text/javascript" djConfig="parseOnLoad:false,isDebug:false" src="/portal_dojo/dojo/dojo.js">

Utilisation des composants des outils de création dans une page séparée

Au lieu d'exécuter les tâches depuis les éléments des outils de création dans une fenêtre en incrustation affichée au-dessus de la page en cours, vous pouvez effectuer des tâches de création en accédant à une page de portail masquée qui contient un afficheur de contenu Web JSR 286 contenant le portlet de création réservé. En cliquant sur le lien d'un élément des outils de création, vous êtes automatiquement redirigé vers une autre page. Une fois terminée la tâche de création, vous devez revenir manuellement à la page d'origine. Si la page du portlet de création réservé a été ouverte dans une nouvelle fenêtre de navigateur ou un nouvel onglet, vous devez fermer la fenêtre ou l'onglet puis régénérer manuellement la page d'origine pour afficher les modifications.

Pour rediriger les utilisateurs vers une autre page pour les tâches de création, spécifiez la valeur url pour l'attribut format dans la balise de marque de réservation de la conception d'élément des outils de création. Les exemples de conception suivants crée une URL qui redirige les utilisateurs vers une autre page de portail pour les tâches de création :
[Placeholder tag="namelink" format="url"]

<a href="[Placeholder tag="href" format="url"]">
  [Placeholder tag="name"]
</a>
<a href="[Placeholder tag="href" format="url"]" target="_blank">
  [Placeholder tag="name"]
</a>
Remarque : Vous pouvez ouvrir la page de portail dans une fenêtre de navigateur distincte en ajoutant target="_blank" à la balise d'ancre HTML dans la conception.