Ko na spletno mesto dodate sodobno stran, dodate in prilagodite spletne gradnike, ki predstavljajo gradnike vaše spletne strani. Nekatere spletne gradnike lahko povežete med seboj in tako ustvarite interaktivno in dinamično izkušnjo za svoje gledalce strani. Spletni gradnik knjižnice dokumentov lahko na primer povežete s spletnim gradnikom »Datoteka« in »Predstavnost«. Ko uporabnik klikne ime datoteke na seznamu knjižnice dokumentov, pregledovalnik datotek prikaže vsebino te določene datoteke. Ali pa povežite spletni gradnik seznama s spletnim gradnikom »Vdelaj« in dodajte kodo po meri za različne dinamične izkušnje. 

Opombe: 

  • Nekatere funkcije so postopoma uvedene v organizacije, ki so se odločile za program ciljane izdaje. To pomeni, da ta funkcija morda še ni prikazana ali pa se morda razlikuje od opisa v člankih s pomočjo.

  • Spletni gradniki v tem članku niso na voljo za uporabo na klasičnih straneh.

Spletni gradniki, ki jih lahko povežete, vključujejo: spletni gradnik Lastnosti seznama, spletni gradnik »Datoteka in predstavnost« in Spletni gradnik »Vdelaj«. Tukaj je nekaj primerov, kako lahko uporabljate te povezane spletne gradnike.

Prikaz datoteke glede na to, kaj uporabnik izbere v knjižnici dokumentov (povezovanje spletnega gradnika »Datoteka in predstavnost« s spletnim gradnikom »Knjižnica dokumentov«)

V tem primeru lahko uporabniki brskajo po knjižnici dokumentov kampanje in si ogledajo vsebino v izbrani datoteki, ne da bi zapustili stran, ne da bi morali odpreti posamezno datoteko.

Primer spletnega gradnika pregledovalnika datotek, povezanega s knjižnico dokumentov

To storite tako:

  1. Na strani dodajte spletni gradnik knjižnice dokumentov s knjižnico, ki jo želite uporabiti, in dodajte spletni gradnik »Datoteka in predstavnost«.

  2. Če spletni gradnik »Datoteka in predstavnost« dodajate prvič, se odpre podokno Nedavni dokumenti. V spodnjem desnem kotu tega podokna izberite Prekliči.

  3. Izberite Uredi spletni gradnik Gumb za urejanje v spletnem gradniku na levi strani spletnega gradnika »Datoteka in predstavnost«.

  4. Izberite tri pike (...) v zgornjem desnem kotu podokna z lastnostmi in natoizberite Vzpostavi povezavo z virom.

    Connect to source button
  5. V razdelku Vzpostavi povezavo z virom na spustnem seznamu izberite knjižnico dokumentov, ki jo želite uporabiti.

    Podokno z lastnostmi pregledovalnika datotek s spustnim seznamom »Vzpostavi povezavo z virom«
  6. Izberite X na vrhu podokna, da ga zaprete.

  7. Na vrhu strani izberite Shrani kot osnutek.

  8. Preizkusite povezavo tako, da izberete dokument v knjižnici dokumentov, ki ste jo izbrali. Dokument bi moral biti prikazan v spletnem gradniku »Datoteka in predstavnost«.

  9. Ko želite, da občinstvo vidi stran, izberite Objavi v zgornjem desnem kotu strani.

Prikaz elementa na seznamu na podlagi tega, kaj uporabnik izbere v spletnem gradniku seznama (povezovanje spletnega gradnika z lastnostmi seznama s spletnim gradnikom seznama)

Če imate velik seznam s številnimi stolpci, bodo uporabniki morda težko našli določene informacije, ki jih iščejo. S spletnim gradnikom »Lastnosti seznama« lahko uporabnik izbere element iz spletnega gradnika seznama in vidi le vrednosti, ki jih določite. V tem primeru spletni gradnik seznama vsebuje seznam Regionalnih uradov. Ko uporabnik izbere element s seznama, spletni gradnik Lastnosti seznama prikaže le officeovo ime in podatke »Prodaja«.

Primer seznama, povezanega s spletnim gradnikom »Lastnosti seznama«

To storite tako:

  1. Na strani dodajte spletni gradnik seznama s seznamom, ki ga želite uporabiti, nato pa dodajte spletni gradnik z lastnostmi seznama.

  2. Izberite Uredi spletni Gumb za urejanje v spletnem gradniku na levi strani spletnega gradnika Lastnosti seznama.

  3. Izberite tri pike (...) v zgornjem desnem kotu podokna z lastnostmi in nato izberite Vzpostavi povezavo z virom.

    Connect to source button
  4. V razdelku Vzpostavi povezavo z virom na spustnem seznamu izberite seznam, ki ga želite uporabiti.

  5. V razdelku Prikaz izberite, kaj želite, da si uporabnik ogleda na vaši strani. 

  6. V razdelku Polja za prikaz potrdite polja ob stolpcih, iz katerih želite prikazati vrednosti.

    Podokno s spletnimi gradniki »Lastnosti seznama«
  7. Na vrhu strani izberite Shrani kot osnutek.

  8. Preizkusite povezavo tako, da izberete element na izbranem seznamu. Prikazati bi se morala vrednost, ki ste jo navedli v spletnem gradniku Lastnosti seznama.

  9. Ko želite, da občinstvo vidi stran, izberite Objavi v zgornjem desnem kotu strani.

Prikaz videoposnetka, slike ali mesta na podlagi tega, kaj uporabnik izbere v spletnem gradniku seznama (povezovanje spletnega gradnika »Vdelava« s spletnim gradnikom »Seznam«)

S spletnim gradnikom »Vdelaj« lahko vnesete povezave ali vdelano kodo, ki uporablja spremenljivke, kar vam omogoča, da prikažete različne elemente, odvisno od tega, kaj pregledovalnik strani izbere. Tukaj so trije primeri, kako lahko prikažete izbrane slike, videoposnetke in lokacije.

Prikaz izbranega videoposnetka v storitvi YouTube

V tem primeru spletni gradnik seznama vsebuje seznam z naslovi videoposnetkov in ID-ji za več videoposnetkov iz storitve YouTube. Ko uporabnik na seznamu izbere videoposnetek, ta videoposnetek prikaže spletni gradnik Vdelava. Povezava v spletnem gradniku Vdelava uporablja spremenljivko, ki predstavlja ID videoposnetka, ki ga izbere uporabnik s seznama.

Primer spletnega gradnika za vdelavo, ki je povezan s seznamom

To storite tako:

  1. Ustvarite seznam s stolpcem »Naslov« in stolpcem za ID-je videoposnetkov (kot je prikazano zgoraj). ID je del povezave storitve YouTube, ki označuje videoposnetek in je najden za delom povezave »v=«. Na tej povezavi je na primer poševni del ID videoposnetka:

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

  2. Na strani dodajte spletni gradnik seznama in izberite seznam z ID-ji videoposnetkov.

  3. Dodajte spletni gradnik »Vdelaj«.

  4. Izberite Uredi spletni Gumb za urejanje v spletnem gradniku na levi strani spletnega gradnika Vdelaj.

  5. Izberite tri pike (...) v zgornjem desnem kotu podokna z lastnostmi in nato izberite Vzpostavi povezavo z virom.

    Connect to source button
  6. Pod možnostjo Vzpostavi povezavo z virom izberite seznam s spustnega seznama.

  7. V razdelku Naslov spletnega mesta ali vdelana koda dodajte povezavo YouTube. Namesto da bi uporabili posamezen ID videoposnetka, uporabite ime stolpca s seznamom, ki vsebuje ID-je kot spremenljivko. Spremenljivko označujejo oglati oklepaj, $in desni oglati oklepaj za imenom. Tukaj je primer, pri katerem je ID videoposnetka ime stolpca:

    Podokno z lastnostmi vdelave spletnega gradnika s prikazanim povezanim seznamom

  8. Na vrhu strani izberite Shrani kot osnutek.

  9. Preizkusite povezavo tako, da izberete element na izbranem seznamu. Video bi moral biti prikazan v spletnem gradniku Vdelaj.

  10. Ko želite, da občinstvo vidi stran, izberite Objavi v zgornjem desnem kotu strani.

Prikaz izbrane slike

V tem primeru spletni gradnik seznama vsebuje naslove slik in URL-je za slike, shranjene na SharePointovem mestu. Ko uporabnik na seznamu izbere sliko, spletni gradnik Vdelaj prikaže to sliko. V tem primeru je koda IFrame uporabljena v spletnem gradniku Vdelava, spremenljivka pa predstavlja povezavo slike.

Primer spletnega gradnika za vdelavo, povezanega s seznamom slik

To storite tako:

  1. Ustvarite seznam s stolpcem »Naslov« in stolpcem za URL-je slik.

    Namig: Če želite pridobiti URL slike, pojdite v knjižnico, kjer je shranjena slika, z desno tipko miške kliknite sliko in kliknite Kopiraj povezavo. Nato kliknite Kopiraj. Zdaj lahko prilepite povezavo na seznam.

  2. Na strani dodajte spletni gradnik seznama in izberite seznam z URL-ji slike.

  3. Dodajte spletni gradnik »Vdelaj«.

  4. Izberite Uredi spletni Gumb za urejanje v spletnem gradniku na levi strani spletnega gradnika Vdelaj.

  5. Izberite tri pike (...) v zgornjem desnem kotu podokna z lastnostmi in natoizberite Vzpostavi povezavo z virom.

    Connect to source button
  6. Pod možnostjo Vzpostavi povezavo z virom izberite seznam s spustnega seznama.

  7. V razdelku Naslov spletnega mesta ali vdelana koda dodajte vdelano kodo. V tem primeru je vdelana koda:

    <iframe width="693" height="390" src="[$Image URL]" frameborder="0" allowfullscreen="" allow="accelerometer; Ogled; šifriranih medijih; Vrtavka; picture-in-picture"></iframe>

    kjer je [$Image URL] spremenljivka, ki predstavlja ime stolpca za URL-je slike.

    Primer vdelane kode za izbrano sliko
  8. Na vrhu strani izberite Shrani kot osnutek.

  9. Preizkusite povezavo tako, da izberete element na izbranem seznamu. Slika bi morala biti prikazana v spletnem gradniku Vdelava.

  10. Ko želite, da občinstvo vidi stran, izberite Objavi v zgornjem desnem kotu strani.

Prikaz izbrane lokacije

V tem primeru spletni gradnik seznama vsebuje mesta in njihove koordinate. Ko uporabnik na seznamu izbere lokacijo, spletni gradnik Vdelaj prikaže to lokacijo na zemljevidu Bing. V tem primeru je koda IFrame uporabljena v spletnem gradniku Vdelava, spremenljivke pa predstavljajo koordinate.

Primer povezanega spletnega gradnika za vdelavo, ki prikazuje mesto s seznama

To storite tako:

  1. Ustvarite seznam s stolpcem »Naslov« in stolpci za zemljepisno dolžino in širino.

  2. Na strani dodajte spletni gradnik seznama in izberite seznam z informacijami o mestu.

  3. Dodajte spletni gradnik »Vdelaj«.

  4. Izberite Uredi spletni Gumb za urejanje v spletnem gradniku na levi strani spletnega gradnika Vdelaj.

  5. Izberite tri pike (...) v zgornjem desnem kotu podokna z lastnostmi in nato izberite Vzpostavi povezavo z virom.

    Connect to source button
  6. Pod možnostjo Vzpostavi povezavo z virom izberite seznam s spustnega seznama.

  7. V razdelku Naslov spletnega mesta ali vdelana koda dodajte vdelano kodo. V tem primeru je vdelana koda:

    <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;sty=r&;src=SHELL&amp; FORM=MBEDV8" frameborder="0" scrolling="no"> </iframe>

    kjer sta [$Latitude] in [$Longitude] spremenljivki, ki predstavljata imena stolpcev za vsako od teh točk.

    Example of embed code to show locations
  8. Na vrhu strani izberite Shrani kot osnutek.

  9. Preizkusite povezavo tako, da izberete element na izbranem seznamu. Prikazati bi se moral zemljevid Bing, ki prikazuje lokacijo, prikazano v spletnem gradniku »Vdelava«.

  10. Ko želite, da občinstvo vidi stran, izberite Objavi v zgornjem desnem kotu strani.

Opombe: 

  • Vdelana koda mora biti na osnovi modela iframe (to pomeni, da se začne in konča z <iframe> oznake). Vdelana koda, ki uporablja <skript,> oznake ni podprta.

  • Vdelati je mogoče le varna spletna mesta. Prepričajte se, da se URL spletnega mesta začne s https.

Filtriranje seznama na podlagi izbora na drugem seznamu ali v drugi knjižnici

Z dinamičnim filtriranjem lahko filtrirate en seznam glede na izbor na drugem seznamu. V tem primeru je knjižnica »Načrtovanje dokumentov« filtrirana po izboru na seznamu »Informacije o projektu«. Vrednost »Trženje« v stolpcu Skupina za projekt je izbrana, zato so v knjižnici dokumentov za načrtovanje prikazani le dokumenti, ki so v lasti skupine za trženje. 

Dinamično filtriran seznam

To storite tako:

  1. Na strani dodajte spletni gradnik seznama ali spletni gradnik knjižnice in izberite seznam ali knjižnico z vrednostmi, po katerih želite filtrirati.

  2. Dodajte drug spletni gradnik seznama ali spletni gradnik knjižnice in izberite seznam ali knjižnico, ki vsebuje informacije, ki jih želite filtrirati.

  3. Izberite spletni gradnik seznama ali knjižnice, ki ga želite filtrirati, in izberite Uredi Gumb za urejanje v spletnem gradniku gradnik na levi strani spletnega gradnika.

  4. V razdelku Dinamično filtriranje premaknite stikalo v položaj Vklopljeno .

  5. Izberite stolpec, ki ga želite filtrirati, v polju Stolpec v [ime seznama] za filtriranje.

  6. V razdelku Seznam ali Knjižnica, ki vsebuje vrednost filtra izberite seznam ali knjižnico, ki ste jo dodali na stran v 1. koraku.

  7. V razdelku Stolpec z vrednostjo filtra izberite stolpec z vrednostmi, po katerih želite filtrirati.

  8. Izberite Uporabi.

    Če uporabite vzorčno sliko na začetku odseka, bodo možnosti dinamičnega filtriranja za knjižnico »Načrtovanje dokumentov« videti tako:

    Knjižnica dokumentov z odprtim podoknom za možnosti dinamičnega filtriranja

  9. Ko končate, izberite Shrani kot osnutek na vrhu strani, če pa želite, da občinstvo vidi stran, izberite Objavi v zgornjem desnem kotu strani.

Ali potrebujete dodatno pomoč?

Ali želite več možnosti?

Raziščite ugodnosti naročnine, prebrskajte izobraževalne tečaje, preberite, kako zaščitite svojo napravo in še več.

Skupnosti vam pomagajo postaviti vprašanja in odgovoriti nanje, posredovati povratne informacije in prisluhniti strokovnjakom z bogatim znanjem.