Verbinding maken met webonderdelen in SharePoint Online

Verbinding maken met webonderdelen in SharePoint Online

Opmerking: We willen u graag zo snel mogelijk de meest recente Help-inhoud in uw eigen taal bieden. Deze pagina is automatisch vertaald en kan grammaticale fouten of onnauwkeurigheden bevatten. Wij hopen dat deze inhoud nuttig voor u is. Kunt u ons onder aan deze pagina laten weten of de informatie nuttig voor u was? Hier is het Engelstalige artikel ter referentie.

Wanneer u een moderne pagina toevoegt aan een site, kunt u daarna webonderdelen toevoegen en aanpassen. Webonderdelen vormen de bouwstenen van een pagina. U kunt bepaalde webonderdelen verbinden met elkaar te maken van een interactieve en dynamische ervaring voor uw bezoekers van de pagina. Bijvoorbeeld, kunt u een webonderdeel documentbibliotheek met een bestand viewer-webonderdeel. Wanneer een gebruiker op een bestandsnaam in de lijst van de bibliotheek Document, ziet u de viewer bestand de inhoud van het specifieke bestand. Of, een webonderdeel Lijstweergave verbinden met een webonderdeel insluiten en aangepaste code voor een groot aantal dynamische ervaringen toevoegen.

Notities: 

  • Sommige functies is geleidelijk geïntroduceerd voor organisaties die zich hebben aangemeld voor het gericht Release-programma. Dit betekent dat u bepaalde functies nog niet kunt zien of dat de functies er anders uit kunnen zien dan beschreven in de Help-artikelen.

  • De webonderdelen in dit artikel zijn niet beschikbaar voor gebruik op klassieke's.

Kunt u webonderdelen bevatten: de eigenschappen van de lijst met webonderdelen deel, bestand viewer webonderdeel en webonderdeel insluiten. Hier volgen enkele voorbeelden van hoe u deze verbonden webonderdelen kunt gebruiken.

Een bestand op basis van een gebruiker in een documentbibliotheek selecteert weergeven (een bestand viewer het webonderdeel koppelen aan een webonderdeel documentbibliotheek)

In dit voorbeeld kunnen gebruikers bladeren door een documentenbibliotheek campagne en de inhoud in een geselecteerd bestand zonder de pagina, en zonder elk bestand te openen.

Voorbeeld van een bestand viewer-webonderdeel is verbonden met een documentbibliotheek

Dit doet u als volgt:

  1. Klik op de pagina toevoegen van een webonderdeel documentbibliotheek met de bibliotheek die u wilt gebruiken en een bestand viewer-webonderdeeltoevoegen.

  2. Als u het webonderdeel Paginaviewer bestand voor de eerste keer toevoegt, wordt het deelvenster met recente documenten wordt geopend. Klik op Annuleren op rechtsonder in dit deelvenster.

  3. Klik op webonderdeel bewerken Knop webonderdeel Bewerken aan de linkerkant van het webonderdeel bestand viewer.

  4. Klik op de weglatingstekens (...) aan de bovenkant rechtsboven in het eigenschappenvenster en klik vervolgens op verbinding maken met gegevensbronnen.

    Verbinding maken met de knop bron
  5. Selecteer onder verbinding maken met bron, de documentbibliotheek die u wilt gebruiken in de vervolgkeuzelijst.

    Bestand viewer eigenschappenvenster met de verbinding maken met naar de vervolgkeuzelijst van de bron
  6. Klik op de X aan het begin van het deelvenster om dit te sluiten.

  7. Klik op Opslaan als concept boven aan de pagina.

  8. Test de verbinding met het selecteren van een document in de documentbibliotheek die u hebt gekozen. Hier ziet u het document weergegeven in het webonderdeel bestand viewer.

  9. Wanneer u klaar is voor uw publiek om te zien van de pagina bent, klik op publiceren aan de bovenkant van de pagina.

Een item in een lijst op basis van een gebruiker in een webonderdeel lijst selecteert weergeven (verbinden met een webonderdeel lijst met eigenschappen van een webonderdeel lijst)

Als er een grote lijst met veel kolommen, kan het moeilijk voor gebruikers om de specifieke informatie die ze zoekt te vinden zijn. Een gebruiker kan met het webonderdeel Lijstweergave voor eigenschappen, selecteer een item in een webonderdeel Lijstweergave en raadpleegt u alleen de waarden die u opgeeft. Een webonderdeel lijst bevat in het volgende voorbeeld wordt een lijst met regionale kantoren. Wanneer de gebruiker een item uit de lijst selecteert, wordt het webonderdeel Lijstweergave eigenschappen weergegeven alleen de naam van een Office- en verkoopgegevens.

Voorbeeld van een lijst die is verbonden met een webonderdeel lijst met eigenschappen

Dit doet u als volgt:

  1. Klik op de pagina toevoegen van een webonderdeel Lijstweergave met de lijst die u wilt gebruiken en voegt u een lijst met eigenschappen van webonderdeel.

  2. Klik op webonderdeel bewerken Knop webonderdeel Bewerken aan de linkerkant van het webonderdeel lijst met eigenschappen.

  3. Klik op de weglatingstekens (...) aan de bovenkant rechtsboven in het eigenschappenvenster en klik vervolgens op verbinding maken met gegevensbronnen.

    Verbinding maken met de knop bron
  4. Selecteer onder verbinding maken met bron, de lijst die u wilt gebruiken in de vervolgkeuzelijst.

  5. Selecteer wat u wilt dat de gebruiker om te zien op de pagina onder weergave

  6. Selecteer de selectievakjes in naast de kolommen die u wilt weergeven van de waarden uit onder velden om weer te geven.

    Eigenschappen van webonderdeel lijstvenster
  7. Klik op Opslaan als concept boven aan de pagina.

  8. Test de verbinding met het selecteren van een item in de lijst die u hebt gekozen. Hier ziet u de waarde die u hebt opgegeven in het webonderdeel Lijstweergave eigenschappen.

  9. Wanneer u klaar is voor uw publiek om te zien van de pagina bent, klik op publiceren aan de bovenkant van de pagina.

Een video, afbeelding of locatie op basis van een gebruiker in een webonderdeel lijst selecteert weergeven (een insluiten het webonderdeel koppelen aan een webonderdeel lijst)

U kunt met het webonderdeel insluiten koppelingen invoeren of ingesloten code die gebruikmaken van variabelen, zodat u kunt een groot aantal items afhankelijk van wat uw Paginaviewer selecteert weergeven. Hier ziet drie voorbeelden van hoe u de geselecteerde afbeeldingen, video's en locaties kan weergeven.

Een geselecteerde YouTube-video weergeven

In dit voorbeeld bevat het webonderdeel Lijstweergave een lijst met video titels en id's voor verschillende YouTube-video's. Wanneer een gebruiker kiest een video in de lijst, blijkt het webonderdeel insluiten dat video. De koppeling in het webonderdeel insluiten wordt een variabele gebruikt om aan te geven van de video-ID van de video die is gekozen door een gebruiker in de lijst.

Voorbeeld van een webonderdeel insluiten die is verbonden met een lijst

Dit doet u als volgt:

  1. Een lijst maken met een titelkolom en een kolom voor uw Video-id's (zoals in het voorbeeld hierboven). De ID is het gedeelte van de YouTube-koppeling die aangeeft van de video en kan worden gevonden wanneer de "v = ' voor een deel van de koppeling. In de volgende koppeling, bijvoorbeeld, is het cursieve gedeelte de ID van de Video:

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

  2. Klik op de pagina een webonderdeel Lijstweergave toevoegen en kiest u de lijst met de video-id's.

  3. Een webonderdeel insluitentoevoegen.

  4. Klik op webonderdeel bewerken Knop webonderdeel Bewerken aan de linkerkant van het webonderdeel insluiten.

  5. Klik op de weglatingstekens (...) aan de bovenkant rechtsboven in het eigenschappenvenster en klik vervolgens op verbinding maken met gegevensbronnen.

    Verbinding maken met de knop bron
  6. Selecteer onder verbinding maken met bron, de lijst in de vervolgkeuzelijst omlaag.

  7. Klik onder website adres of de invoegcode, moet u de YouTube-koppeling toevoegen. In plaats van een afzonderlijke video-ID, moet u echter de naam van de lijstkolom die de id's als een variabele bevat gebruiken. Een variabele wordt aangeduid door een haakje openen, een $ en een vierkante haak sluiten na de naam. Hier volgt een voorbeeld, waar de naam van de kolom voor het is van Video-ID:

    Verbonden deel eigenschap deelvenster met een lijst web insluiten

  8. Klik op Opslaan als concept boven aan de pagina.

  9. Test de verbinding met het selecteren van een item in de lijst die u hebt gekozen. Hier ziet u de video die wordt weergegeven in het webonderdeel insluiten.

  10. Wanneer u klaar is voor uw publiek om te zien van de pagina bent, klik op publiceren aan de bovenkant van de pagina.

Een geselecteerde afbeelding weergeven

In dit voorbeeld worden in het webonderdeel afbeeldingstitels en URL's bevat voor afbeeldingen die zijn opgeslagen op een SharePoint-site. Wanneer een gebruiker kiest een afbeelding uit de lijst, ziet u het webonderdeel insluiten die afbeelding. In dit voorbeeld IFrame-code wordt gebruikt in het webonderdeel insluiten en de variabele vertegenwoordigt een koppeling naar de afbeelding.

Voorbeeld van een webonderdeel insluiten die is gekoppeld aan een lijst met afbeeldingen

Dit doet u als volgt:

  1. Een lijst maken met een titelkolom en een kolom voor uw afbeeldings-URL's.

    Tip: Als u een URL voor uw afbeelding, gaat u naar de bibliotheek waarin de afbeelding is opgeslagen, klik met de rechtermuisknop op de afbeelding en klik op koppeling kopiëren. Klik vervolgens op kopiëren. Nu kunt u de koppeling in uw lijst plakken.

  2. Klik op de pagina een webonderdeel Lijstweergave toevoegen en kiest u de lijst met uw afbeeldings-URL's.

  3. Een webonderdeel insluitentoevoegen.

  4. Klik op webonderdeel bewerken Knop webonderdeel Bewerken aan de linkerkant van het webonderdeel insluiten.

  5. Klik op de weglatingstekens (...) aan de bovenkant rechtsboven in het eigenschappenvenster en klik vervolgens op verbinding maken met gegevensbronnen.

    Verbinding maken met de knop bron
  6. Selecteer onder verbinding maken met bron, de lijst in de vervolgkeuzelijst omlaag.

  7. Klik onder website adres of de ingesloten code, de invoegcode toevoegen In dit voorbeeld wordt de ingesloten code:

    <iframe breedte = "693" height = "390" src = "[$Image URL]" frameborder = '0' allowfullscreen = "" toestaan = "versnellingsmeter; automatisch afspelen; gecodeerd-media; gyroscoop; Picture-in-picture ></iframe>"

    waar is [$Image URL] de variabele die de naam van de kolom voor de afbeeldings-URL's vertegenwoordigt.

    Voorbeeld van de ingesloten code voor een geselecteerde afbeelding
  8. Klik op Opslaan als concept boven aan de pagina.

  9. Test de verbinding met het selecteren van een item in de lijst die u hebt gekozen. Hier ziet u theimage weergegeven in het webonderdeel insluiten.

  10. Wanneer u klaar is voor uw publiek om te zien van de pagina bent, klik op publiceren aan de bovenkant van de pagina.

Een geselecteerde locatie wordt weergegeven

In dit voorbeeld bevat het webonderdeel lijst locaties en coördinaten. Als een gebruiker een locatie in de lijst, ziet u het webonderdeel insluiten die locatie op een Bing-kaart. In dit voorbeeld IFrame-code wordt gebruikt in het webonderdeel insluiten en de variabelen vertegenwoordigen de coördinaten.

Voorbeeld van een verbonden webonderdeel insluiten is een locatie in een lijst met

Dit doet u als volgt:

  1. Een lijst maken met een titelkolom en kolommen voor de lengte en breedte.

  2. Klik op de pagina een webonderdeel Lijstweergave toevoegen en kiest u de lijst met informatie over de locatie.

  3. Een webonderdeel insluitentoevoegen.

  4. Klik op webonderdeel bewerken Knop webonderdeel Bewerken aan de linkerkant van het webonderdeel insluiten.

  5. Klik op de weglatingstekens (...) aan de bovenkant rechtsboven in het eigenschappenvenster en klik vervolgens op verbinding maken met gegevensbronnen.

    Verbinding maken met de knop bron
  6. Selecteer onder verbinding maken met bron, de lijst in de vervolgkeuzelijst omlaag.

  7. Klik onder website adres of de ingesloten code, de invoegcode toevoegen In dit voorbeeld wordt de ingesloten code:

    <iframe breedte = "500" height = "400" src = "https://www.bing.com/maps/embed?h=400&amp;w=500&amp;cp= [$Latitude] ~ &amp [$Longitude]; lvl = 13&amp; typ = d&amp; Stilistische = r&amp; src = SHELL&amp; FORMULIER MBEDV8 = "frameborder = '0' schuiven ="geen"> </iframe>

    waar [$Latitude] en [$Longitude] zijn de variabelen die de kolomnamen voor elk van deze punten vertegenwoordigt.

    Voorbeeld van de ingesloten code locaties tonen
  8. Klik op Opslaan als concept boven aan de pagina.

  9. Test de verbinding met het selecteren van een item in de lijst die u hebt gekozen. Hier ziet u een Bing-kaart die ziet u de locatie weergegeven in het webonderdeel insluiten.

  10. Wanneer u klaar is voor uw publiek om te zien van de pagina bent, klik op publiceren aan de bovenkant van de pagina.

Notities: 

  • Insluiten code moet iframe gebaseerde (dat wil zeggen beginnen en eindigen met <iframe> labels). Ingesloten code die wordt gebruikt <script> tags wordt niet ondersteund.

  • Alleen veilige websites kan zijn ingesloten. Zorg ervoor dat de URL van de website met HTTPS begint.

Uw Office-vaardigheden uitbreiden
Training verkennen
Als eerste nieuwe functies krijgen
Deelnemen aan Office Insiders

Was deze informatie nuttig?

Bedankt voor uw feedback.

Hartelijk dank voor uw feedback! Het lijkt ons een goed idee om u in contact te brengen met een van onze Office-ondersteuningsagenten.

×