Connettere web part in SharePoint Online

Connettere web part in SharePoint Online

Nota: Riteniamo importante fornire il contenuto della Guida più recente non appena possibile, nella lingua dell'utente. Questa pagina è stata tradotta automaticamente e potrebbe contenere errori di grammatica o imprecisioni. L'intento è quello di rendere fruibile il contenuto. Nella parte inferiore della pagina è possibile indicare se le informazioni sono risultate utili. Questo è l'articolo in lingua inglese per riferimento.

Quando si aggiunge una pagina moderna a un sito, di fatto si aggiungono e personalizzano web part, che costituiscono le fondamenta della pagina. È possibile connettere alcune web part per creare un'esperienza interattiva e dinamica per i visualizzatori di pagine. Ad esempio, è possibile connettere una Web part raccolta documenti a una Web part Visualizzatore file. Quando un utente fa clic su un nome file nell'elenco raccolta documenti, il Visualizzatore file Mostra il contenuto di tale file specifico. In alternativa, connettere una Web part elenco a una Web part di incorporamento e aggiungere codice personalizzato per un'ampia gamma di esperienze dinamiche.

Note: 

  • Alcune funzionalità vengono introdotte gradualmente per le organizzazioni che hanno optato per il programma di rilascio mirato. Ciò significa che questa caratteristica potrebbe non essere ancora disponibile o essere diversa da quella descritta negli articoli della Guida.

  • Le web part in questo articolo non sono disponibili per l'uso nelle pagine classiche.

Le web part che è possibile connettere includono: la Web part proprietà elenco, la Web part Visualizzatore file e la Web part incorporamento. Ecco alcuni esempi di come usare queste web part connesse.

Mostrare un file in base a ciò che un utente seleziona in una raccolta documenti (connettere una Web part Visualizzatore file a una Web part raccolta documenti)

In questo esempio gli utenti possono esplorare una raccolta di documenti della campagna e visualizzare il contenuto di un file selezionato senza uscire dalla pagina e senza dover aprire ogni file.

Esempio di Web part Visualizzatore file connesso a una raccolta documenti

Per eseguire questa operazione:

  1. Nella pagina aggiungere una Web part raccolta documenti con la raccolta che si vuole usare e aggiungere una Web part Visualizzatore file.

  2. Se si sta aggiungendo la Web part Visualizzatore file per la prima volta, verrà aperto il riquadro documenti recenti. Fare clic su Annulla nell'angolo in basso a destra del riquadro.

  3. Fare clic su Modifica web part Pulsante Modifica della web part sul lato sinistro della web part Visualizzatore file.

  4. Fare clic sui puntini di sospensione (...) nell'angolo in alto a destra del riquadro delle proprietà e quindi fare clic su Connetti a origine.

    Pulsante Connetti a origine
  5. In Connetti a origineselezionare la raccolta documenti che si vuole usare nell'elenco a discesa.

    Riquadro delle proprietà Visualizzatore file con l'elenco a discesa Connetti all'origine
  6. Fare clic sulla X nella parte superiore del riquadro per chiuderla.

  7. Fare clic su Salva come bozza nella parte superiore della pagina.

  8. Verificare la connessione selezionando un documento dalla raccolta documenti scelta. Verrà visualizzato il documento visualizzato nella web part Visualizzatore file.

  9. Quando si è pronti per il pubblico a visualizzare la pagina, fare clic su pubblica nell'angolo in alto a destra della pagina.

Mostrare un elemento in un elenco in base a ciò che un utente seleziona in una Web part elenco (connettere una Web part elenco a una Web part elenco)

Quando si ha un elenco di grandi dimensioni con molte colonne, può essere difficile per gli utenti trovare le informazioni specifiche che stanno cercando. Con la Web part proprietà elenco, un utente può selezionare un elemento da una Web part elenco e visualizzare solo i valori specificati. Nell'esempio seguente una Web part elenco contiene un elenco di uffici regionali. Quando l'utente seleziona un elemento dall'elenco, nella web part proprietà elenco vengono visualizzati solo i dati di Office Name e Sales.

Esempio di elenco collegato con una Web part proprietà elenco

Per eseguire questa operazione:

  1. Nella pagina aggiungere una Web part elenco con l'elenco che si vuole usare e quindi aggiungere una Web part proprietà elenco.

  2. Fare clic su Modifica web part Pulsante Modifica della web part sul lato sinistro della web part proprietà elenco.

  3. Fare clic sui puntini di sospensione (...) nell'angolo in alto a destra del riquadro delle proprietà e quindi fare clic su Connetti a origine.

    Pulsante Connetti a origine
  4. In Connetti a origineselezionare l'elenco che si vuole usare nell'elenco a discesa.

  5. In Visualizzaselezionare l'elemento che si vuole visualizzare nella pagina. 

  6. In campi da visualizzareselezionare le caselle di controllo accanto alle colonne da cui si vogliono visualizzare i valori.

    Riquadro Web part proprietà elenco
  7. Fare clic su Salva come bozza nella parte superiore della pagina.

  8. Verificare la connessione selezionando un elemento dall'elenco scelto. Verrà visualizzato il valore specificato nella web part proprietà elenco.

  9. Quando si è pronti per il pubblico a visualizzare la pagina, fare clic su pubblica nell'angolo in alto a destra della pagina.

Mostrare un video, un'immagine o una posizione in base a ciò che un utente seleziona in una Web part elenco (connettere una Web part di incorporamento a una Web part elenco)

Con la Web part embed è possibile immettere collegamenti o codice di incorporamento che usano le variabili, in modo da visualizzare un'ampia varietà di elementi, a seconda di come viene selezionato dal Visualizzatore di pagine. Ecco tre esempi di come visualizzare immagini, video e posizioni selezionati.

Mostrare un video di YouTube selezionato

In questo esempio, la Web part elenco contiene un elenco con i titoli video e gli ID per diversi video di YouTube. Quando un utente sceglie un video dall'elenco, la Web part incorpora Mostra il video. Il collegamento nella web part Embed usa una variabile per rappresentare l'ID video del video scelto da un utente dall'elenco.

Esempio di una Web Part incorporata connessa a un elenco

Per eseguire questa operazione:

  1. Creare un elenco con una colonna titolo e una colonna per gli ID video, come nell'esempio precedente. L'ID è la parte del collegamento YouTube che identifica il video e si trova dopo la parte "v =" del collegamento. Nel collegamento seguente, ad esempio, la parte in corsivo è l'ID video:

    https://www.youtube.com/watch?v =0YEPy7HRf60

  2. Nella pagina aggiungere una Web part elenco e scegliere l'elenco con gli ID video.

  3. Aggiungere una Web partdi incorporamento.

  4. Fare clic su Modifica web part Pulsante Modifica della web part sul lato sinistro della web part incorporamento.

  5. Fare clic sui puntini di sospensione (...) nell'angolo in alto a destra del riquadro delle proprietà e quindi fare clic su Connetti a origine.

    Pulsante Connetti a origine
  6. In Connetti a origineselezionare l'elenco nell'elenco a discesa.

  7. In Indirizzo sito Web o codicedi incorporamento aggiungere il collegamento YouTube. Invece di usare un singolo ID video, usare il nome della colonna elenco che contiene gli ID come variabile. Una variabile è indicata da una parentesi quadra di apertura, un $ e una parentesi di chiusura dopo il nome. Ecco un esempio, dove ID video è il nome della colonna:

    Incorporare il riquadro delle proprietà della web part che mostra l'elenco connesso

  8. Fare clic su Salva come bozza nella parte superiore della pagina.

  9. Verificare la connessione selezionando un elemento dall'elenco scelto. Verrà visualizzato il video visualizzato nella web part incorpora.

  10. Quando si è pronti per il pubblico a visualizzare la pagina, fare clic su pubblica nell'angolo in alto a destra della pagina.

Mostrare un'immagine selezionata

In questo esempio la Web part elenco contiene titoli di immagine e URL per le immagini archiviate in un sito di SharePoint. Quando un utente sceglie un'immagine dall'elenco, la Web part Embed Mostra quell'immagine. In questo esempio viene usato il codice IFrame nella web part embed e la variabile rappresenta il collegamento immagine.

Esempio di una Web Part incorporata connessa a un elenco di immagini

Per eseguire questa operazione:

  1. Creare un elenco con una colonna titolo e una colonna per gli URL di immagine.

    Suggerimento: Per ottenere un URL per l'immagine, passare alla raccolta in cui è archiviata l'immagine, fare clic con il pulsante destro del mouse sull'immagine e scegliere copia collegamento. Quindi fare clic su copia. Ora puoi incollare il link nell'elenco.

  2. Nella pagina aggiungere una Web part elenco e scegliere l'elenco con gli URL dell'immagine.

  3. Aggiungere una Web partdi incorporamento.

  4. Fare clic su Modifica web part Pulsante Modifica della web part sul lato sinistro della web part incorporamento.

  5. Fare clic sui puntini di sospensione (...) nell'angolo in alto a destra del riquadro delle proprietà e quindi fare clic su Connetti a origine.

    Pulsante Connetti a origine
  6. In Connetti a origineselezionare l'elenco nell'elenco a discesa.

  7. In Indirizzo sito Web o codicedi incorporamento aggiungere il codice di incorporamento. In questo esempio, il codice di incorporamento è:

    <iframe width = "693" height = "390" src = "[$Image URL]" frameborder = "0" allowFullScreen = "" Allow = "accelerometro; AutoPlay criptato-elementi multimediali; giroscopio Picture-in-Picture "></iframe>

    dove [$Image URL] è la variabile che rappresenta il nome della colonna per gli URL di immagine.

    Esempio di codice di incorporamento per un'immagine selezionata
  8. Fare clic su Salva come bozza nella parte superiore della pagina.

  9. Verificare la connessione selezionando un elemento dall'elenco scelto. Verrà visualizzato theImage visualizzato nella web part incorpora.

  10. Quando si è pronti per il pubblico a visualizzare la pagina, fare clic su pubblica nell'angolo in alto a destra della pagina.

Visualizzare una posizione selezionata

In questo esempio la Web part elenco contiene le posizioni e le relative coordinate. Quando un utente sceglie una posizione nell'elenco, la Web part incorpora il percorso in una mappa di Bing. In questo esempio viene usato il codice IFrame nella web part embed e le variabili rappresentano le coordinate.

Esempio di una Web Part incorporata connessa che mostra una posizione da un elenco

Per eseguire questa operazione:

  1. Creare un elenco con una colonna del titolo e colonne per longitudine e latitudine.

  2. Nella pagina aggiungere una Web part elenco e scegliere l'elenco con le informazioni sulla posizione.

  3. Aggiungere una Web partdi incorporamento.

  4. Fare clic su Modifica web part Pulsante Modifica della web part sul lato sinistro della web part incorporamento.

  5. Fare clic sui puntini di sospensione (...) nell'angolo in alto a destra del riquadro delle proprietà e quindi fare clic su Connetti a origine.

    Pulsante Connetti a origine
  6. In Connetti a origineselezionare l'elenco nell'elenco a discesa.

  7. In Indirizzo sito Web o codicedi incorporamento aggiungere il codice di incorporamento. In questo esempio, il codice di incorporamento è:

    <iframe width = "500" height = "400" src = "https://www.Bing.com/maps/Embed? h = 400&amp; w = 500&amp; CP = [$Latitude] ~ [$Longitude] &amp; lvl = 13&amp; Typ = d&amp; porcile = r&amp; src = SHELL&amp; FORM = MBEDV8 "frameborder =" 0 "scorrimento =" No "> </iframe>

    dove [$Latitude] e [$Longitude] sono le variabili che rappresentano i nomi di colonna per ognuno di questi punti.

    Esempio di codice di incorporamento per la visualizzazione delle posizioni
  8. Fare clic su Salva come bozza nella parte superiore della pagina.

  9. Verificare la connessione selezionando un elemento dall'elenco scelto. Verrà visualizzata una mappa di Bing che mostra la posizione visualizzata nella web part incorporamento.

  10. Quando si è pronti per il pubblico a visualizzare la pagina, fare clic su pubblica nell'angolo in alto a destra della pagina.

Note: 

  • Il codice di incorporamento deve essere basato su IFRAME (ovvero, inizio e fine con i tag <iframe>). Il codice di incorporamento che usa i tag <script> non è supportato.

  • È possibile incorporare solo i siti Web sicuri. Verificare che l'URL del sito Web inizi con HTTPS.

Amplia le tue competenze su Office
Esplora i corsi di formazione
Ottieni in anticipo le nuove caratteristiche
Partecipa al programma Office Insider

Queste informazioni sono risultate utili?

Grazie per il feedback!

Grazie per il tuo feedback! Potrebbe essere utile metterti in contatto con uno dei nostri operatori del supporto di Office.

×