[Applicabile anche a v8]{class="badge positive" title="Applicabile anche a Campaign v8"}

Casi di utilizzo: creare pagine di panoramica use-cases-creating-overviews

Nell'esempio seguente verranno create applicazioni Web di tipo panoramica per visualizzare tutte le applicazioni Web del database. Configura i seguenti elementi:

Creazione di un'applicazione Web a pagina singola creating-a-single-page-web-application

  1. Creare una singola applicazione Web Page e disabilitare le transizioni in uscita e le transizioni alla pagina successiva.

  2. Changing the page title.

    This title will appear in the overview header and in the Web application overview.

  3. Nelle proprietà dell'applicazione Web, modificare il rendering dell'applicazione selezionando il modello Single-page Web application.

  4. Aprire l'attività Page dell'applicazione Web e aprire un elenco (Static element > List).

  5. Nella scheda Data dell'elenco, selezionare il tipo di documento Web applications e le colonne di output Label , Creation date e Type of application.

  6. Nella scheda secondaria Filter, crea il filtro seguente come mostrato di seguito per visualizzare solo le applicazioni Web ed escludere i modelli dalla visualizzazione.

  7. Chiudere la finestra di configurazione della pagina e fare clic su Preview.

    Viene visualizzato l'elenco delle applicazioni Web disponibili nel database.

Aggiunta di un filtro a una cartella adding-a-filter-on-a-folder

In una panoramica, puoi scegliere di accedere ai dati a seconda della loro posizione nella struttura Adobe Campaign. Questo è un filtro su una cartella. Applica il seguente processo per aggiungerlo alla panoramica.

  1. Posizionare il cursore sul nodo Page dell'applicazione Web e aggiungere un elemento Select folder (Advanced controls > Select folder).

  2. Nella finestra Storage visualizzata, fare clic sul collegamento Edit variables.

  3. Modifica l’etichetta della variabile in base alle tue esigenze.

  4. Modifica il nome della variabile con il valore folder.

    note note
    NOTE
    Il nome della variabile deve corrispondere al nome dell'elemento collegato alla cartella (definito nello schema), ovvero cartella in questo caso. È necessario riutilizzare questo nome quando si fa riferimento alla tabella.
  5. Applica il tipo XML alla variabile.

  6. Selezionare l'interazione Refresh page.

  7. Posizionare il cursore nell'elenco e nella scheda Advanced fare riferimento alla variabile creata in precedenza nella scheda Folder filter XPath dell'elenco. È necessario utilizzare il nome dell'elemento interessato dal collegamento alla cartella, ovvero cartella.

    note note
    NOTE
    In questa fase, l’applicazione web non rientra nel suo contesto applicativo, pertanto il filtro non può essere testato sulla cartella.

Adding a button to configure a new Web application adding-a-button-to-configure-a-new-web-application

  1. Place your cursor on the Page element and add a link (Static elements > Link).

  2. Modify the link label since it will appear on the button in the overview.

    Nel nostro esempio, l'etichetta è New.

  3. Inserire l'URL seguente nel campo URL: xtk://open/?schema=nms:webApp&form=nms:newWebApp.

    note note
    NOTE
    nms:webApp coincide con lo schema dell'applicazione Web.
    nms:newWebApp coincide con il nuovo assistente per la creazione di applicazioni Web.
  4. Scegli di visualizzare l’URL nella stessa finestra.

  5. Aggiungere l'icona dell'applicazione Web nel campo immagine: /nms/img/webApp.png.

    Questa icona verrà visualizzata sul pulsante New.

  6. Immetti pulsante nel campo Style.

    Questo stile è indicato nel modello Single-page Web application selezionato in precedenza.

Aggiunta di dettagli a un elenco adding-detail-to-a-list

Quando configuri un elenco nella panoramica, puoi scegliere di visualizzare ulteriori dettagli per ogni voce dell’elenco.

  1. Posizionare il cursore sull'elemento elenco creato in precedenza.

  2. Nella scheda General, selezionare la modalità di visualizzazione Columns and additional detail nell'elenco a discesa.

  3. In the Data tab, add the Primary key , Internal name and Description column and select the Hidden field option for each one.

    This way, this information will only be visible in the detail of each entry.

  4. In the Additional detail tab, add the following code:

    code language-none
    <div class="detailBox">
      <div class="actionBox">
        <span class="action"><img src="/xtk/img/fileEdit.png"/><a title="Open" class="linkAction" href="xtk://open/?schema=nms:webApp&form=nms:webApp&pk=
        <%=webApp.id%>">Open...</a></span>
        <%
        if( webApp.@appType == 1 ) { //survey
        %>
        <span class="action"><img src="/xtk/img/report.png"/><a target="_blank" title="Reports" class="linkAction" href="/xtk/report.jssp?_context=selection&
          _schema=nms:webApp&_selection=<%=webApp.@id%>
          &__sessiontoken=<%=document.controller.getSessionToken()%>">Reports</a></span>
        <%
        }
        %>
      </div>
      <div>
        Internal name: <%= webApp.@internalName %>
      </div>
      <%
      if( webApp.desc != "" )
      {
      %>
      <div>
        Description: <%= webApp.desc %>
      </div>
      <%
      }
      %>
    </div>
    
NOTE
JavaScript libraries take five minutes to refresh on the server. È possibile riavviare il server per evitare di attendere questo ritardo.

Filtraggio e aggiornamento dell’elenco filtering-and-updating-the-list

In questa sezione verrà creato un filtro per visualizzare la panoramica delle applicazioni Web create da un operatore specifico. Questo filtro viene creato con un editor di collegamenti. Dopo aver selezionato un operatore, aggiorna l’elenco per applicare il filtro; è necessario creare un collegamento di aggiornamento.

Questi due elementi saranno raggruppati nello stesso contenitore per essere raggruppati graficamente nella panoramica.

  1. Posizionare il cursore sull'elemento Page e selezionare Container > Standard.

  2. Impostare il numero di colonne su 2, in modo che l'editor dei collegamenti e il collegamento siano adiacenti.

    Per informazioni sul layout degli elementi, fare riferimento a questa sezione.

  3. Applica dottedFilter.

    Questo stile è indicato nel modello Single-page Web application selezionato in precedenza.

  1. Posiziona il cursore sul contenitore creato durante la fase precedente e inserisci un editor di collegamenti tramite il menu Advanced controls.

  2. Nella finestra di archiviazione che si apre automaticamente, selezionare l'opzione Variables, quindi fare clic sul collegamento Edit variables e creare una variabile XML per filtrare i dati.

  3. Modifica l’etichetta.

    Verrà visualizzato accanto al campo Filter nella panoramica.

  4. Scegliere la tabella Operatore come schema dell'applicazione.

  5. Posizionare il cursore sull'elemento elenco e creare un filtro tramite la scheda Data > Filter:

    • Espressione: Chiave esterna del collegamento 'Creato da'
    • Operatore: è uguale a
    • Valore: Variabili (variabili)
    • Taken into account if: '$(var2/@id)'!=''

CAUTION
The Web application user must be an identified operator with the appropriate Adobe Campaign rights to access the information. This type of configuration will not work for anonymous Web applications.
  1. Posizionare il cursore sul contenitore e inserire Link tramite il menu Static elements.

  2. Modifica l’etichetta.

  3. Seleziona Refresh data in a list.

  4. Aggiungi l’elenco creato in precedenza.

  5. Aggiungere l'icona di aggiornamento nel campo Image: /xtk/img/refresh.png.

  6. Utilizzando le frecce di ordinamento, riorganizzare i vari elementi dell'applicazione Web come illustrato di seguito.

L'applicazione Web è ora configurata. Fare clic sulla scheda Preview per visualizzarne l'anteprima.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1