È possibile formattare l'aspetto di un elemento strumenti di sviluppo in diversi modi,
incluso la visualizzazione degli strumenti di sviluppo come link basati su testo
o link basati su immagini.
Opzioni dello strumento di sviluppo
- Quando si crea un'azione "Nuovo", è possibile selezionare un template di sviluppo
ed un'area del sito da utilizzare con il nuovo elemento di contenuto, utilizzare
lo stesso template di sviluppo ed area del sito dell'elemento di contenuto, utente o portlet
corrente oppure consentire agli utenti di selezionare un template di sviluppo e un'area del sito.
- Quando si crea un'azione "Modifica", è possibile selezionare la creazione di un elemento bozza
oppure consentire agli utenti di modificare il contenuto sottoposto a rendering.
Progettazioni degli strumenti di sviluppo
Utilizzare le tag di segnaposto per visualizzare gli strumenti di sviluppo. È possibile utilizzare le tag di segnaposto solo nelle progettazioni degli strumenti di sviluppo.
Strumento di sviluppo basato su testo
Questo esempio descrive le progettazioni degli elementi utilizzate per visualizzare uno strumento di sviluppo basato su testo. Ciascuna progettazione contiene tag di segnaposto utilizzate per generare il testo e il link per ciascuno strumento di sviluppo.
- Progettazione dell'azione Nuovo:
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
- Progettazione dell'azione Leggi:
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
- Progettazione dell'azione Modifica:
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
- Progettazione dell'azione Elimina:
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
- Progettazione dell'azione Approva:
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
- Progettazione dell'azione Rifiuta:
<a href="[Placeholder tag="href"]" >
[Placeholder tag="name"]</a>
- Intestazione:
<div><span>
- Separatore:
</span><span>
- Piè di pagina:
</span></div>
Strumento di sviluppo basato su immagine
Questo esempio descrive le progettazioni degli elementi utilizzate per visualizzare uno strumento di sviluppo basato su immagine. In questo esempio, la tag
[Placeholder tag="name"]
viene sostituita da una tag componente che fa riferimento a un componente immagine. Prima di creare tali progettazioni di elementi, è necessario creare un componente immagine per ciascuna immagine utilizzata nella progettazione. In questo esempio sono necessari i seguenti componenti immagine:
- new-image
- read-image
- edit-image
- delete-image
- approve-image
- reject-image
- Progettazione dell'azione Nuovo:
<a href="[Placeholder tag="href"]" >
[component name="new-image" ]</a>
- Progettazione dell'azione Leggi:
<a href="[Placeholder tag="href"]" >
[component name="read-image" ]</a>
- Progettazione dell'azione Modifica:
<a href="[Placeholder tag="href"]" >
[component name="edit-image" ]</a>
- Progettazione dell'azione Elimina:
<a href="[Placeholder tag="href"]" >
[component name="delete-image" ]</a>
- Progettazione dell'azione Approva:
<a href="[Placeholder tag="href"]" >
[component name="approve-image" ]</a>
- Progettazione dell'azione Rifiuta:
<a href="[Placeholder tag="href"]" >
[component name="reject-image" ]</a>
- Intestazione:
<div><span>
- Separatore:
</span><span>
- Piè di pagina:
</span></div>
Utilizzo di componenti strumenti di sviluppo per l'avvio di una finestra
a comparsa
Quando si utilizza una finestra a comparsa per eseguire un'attività di
sviluppo, la finestra a comparsa si apre e può essere spostata entro
i limiti della finestra del browser pur continuando a visualizzare la pagina del
portale nella parte sottostante.
Dopo aver completato l'attività attivata dall'elemento strumenti di sviluppo,
la finestra a comparsa si chiude automaticamente e la pagina del portale si
aggiorna, aggiornando la vista nel Web Content Viewer
JSR 286. È possibile annullare l'attività di sviluppo facendo clic sull'icona Chiudi
nella barra del titolo della finestra a comparsa. Quando si annulla l'attività, non viene salvata
alcuna informazione del contenuto Web, a meno che non vengano salvate esplicitamente le modifiche
prima di chiudere manualmente la finestra.
Il valore predefinito
dell'attributo
format per una tag segnaposto è
tag, quindi per
utilizzare le finestre a comparsa per la modifica serializzata, non è necessario specificare un valore
per l'attributo
format.
Ognuno dei seguenti esempi di progettazione crea un URL che
apre una finestra a comparsa per le attività di sviluppo.
[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>
Nota: non è possibile avviare la finestra a comparsa in una finestra separata
del browser aggiungendo
target="_blank" alla tag di ancoraggio HTML nella
progettazione. Se si desidera utilizzare un componente strumenti di sviluppo
con una progettazione di finestra di dialogo a comparsa all'interno di una pagina statica, l'HTML
della pagina statica deve includere IBM Dojo Toolkit. Per includere
Dojo nella pagina è possibile aggiungere quanto segue alla sezione di intestazione
della pagina:
<script type="text/javascript" djConfig="parseOnLoad:false,isDebug:false" src="/portal_dojo/dojo/dojo.js">
Utilizzo di componenti strumenti di sviluppo per la navigazione
ad un'altra pagina
Invece di eseguire le attività dagli elementi strumenti di
sviluppo in una finestra a comparsa, è possibile eseguire attività
di sviluppo navigando ad una pagina del portale nascosta che contiene un Web Content Viewer JSR 286 che include il portlet di sviluppo
riservato. Facendo clic su un link di un elemento strumenti di sviluppo si viene reindirizzati
automaticamente all'altra pagina, ma al termine dell'attività di sviluppo è necessario tornare
manualmente alla pagina originale. Se la pagina con il portlet di sviluppo riservato
è stata aperta in una nuova finestra del browser o in una nuova scheda, è necessario chiudere la finestra
o la scheda e aggiornare manualmente la pagina originale per visualizzare le eventuali
modifiche.
Per reindirizzare gli utenti ad un'altra pagina per le attività di
sviluppo, specificare un valore
url per
l'attributo
format nella tag segnaposto nella progettazione di elementi
strumenti di sviluppo. Ognuno dei seguenti esempi di progettazione crea un URL che
reindirizza gli utenti ad un'altra pagina del portale per le attività di
sviluppo.
[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>
Nota: è possibile aprire la pagina del portale in una finestra
del browser separata aggiungendo target="_blank" alla tag di ancoraggio HTML
nella progettazione.