Applies ToSharePoint u sustavu Microsoft 365

Kada na web-mjesto dodate modernu stranicu, dodajete i prilagođavate web-dijelove, koji su sastavni blokovi stranice. Neke web-dijelove možete međusobno povezati da biste stvorili interaktivno i dinamično okruženje za preglednike stranica. Web-dio biblioteke dokumenata, primjerice, možete povezati s web-dijelom Datoteka i Medijski sadržaji. Kada korisnik klikne naziv datoteke na popisu Biblioteke dokumenata, preglednik datoteka prikazuje sadržaj te određene datoteke. Ili povežite web-dio Popis s web-dijelom za ugradnju i dodajte prilagođeni kod za razna dinamična okruženja. 

Napomene: 

  • Neke se funkcije uvode postupno tvrtkama ili ustanovama koje su se odlučile za program ciljanog izdanja. To znači da vam se ta značajka možda neće prikazati ili da se možda neće podudarati s opisom u člancima pomoći.

  • Web-dijelovi u ovom članku nisu dostupni za korištenje na klasičnim stranicama.

Web-dijelovi koje možete povezati obuhvaćaju web-dio Svojstva popisa, web-dio Datoteka i Medijski sadržaji te web-dio Ugradi. Evo nekoliko primjera kako koristiti te povezane web-dijelove.

Prikaz datoteke na temelju odabira korisnika u biblioteci dokumenata (povezivanje web-dijela datoteka i medijskih sadržaja s web-dijelom biblioteke dokumenata)

U ovom primjeru korisnici mogu pregledavati biblioteku dokumenata kampanje i vidjeti sadržaj u odabranoj datoteci bez napuštanja stranice i bez potrebe za otvaranjem svake datoteke.

Primjer web-dijela preglednika datoteka povezanog s bibliotekom dokumenata

Da biste to učinili, napravite sljedeće:

  1. Na stranici dodajte web-dio Biblioteke dokumenata s bibliotekom koju želite koristiti i dodajte web-dio Datoteka i Medijski sadržaji.

  2. Ako web-dio Datoteka i medijski sadržaj dodajete prvi put, otvorit će se okno Nedavno korišteni dokumenti. U donjem desnom kutu ovog okna odaberite Odustani.

  3. Odaberite Uređivanje web- Gumb za uređivanje web-dijela na lijevoj strani web-dijela Datoteka i Medijski sadržaji.

  4. Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberitePoveži se s izvorom.

    Gumb Poveži se s izvorom
  5. U odjeljku Povezivanje s izvorom odaberite biblioteku dokumenata koju želite koristiti s padajućeg popisa.

    Okno svojstva preglednika datoteka s padajućim izbornikom Povezivanje s izvorom
  6. Odaberite X pri vrhu okna da biste ga zatvorili.

  7. Pri vrhu stranice odaberite Spremi kao skicu.

  8. Testirajte vezu odabirom dokumenta iz biblioteke dokumenata koju ste odabrali. Dokument bi se trebao prikazati u web-dijelu Datoteka i Medijski sadržaji.

  9. Kada budete spremni da publika vidi stranicu, odaberite Objavi u gornjem desnom kutu stranice.

Prikaz stavke na popisu na temelju onoga što korisnik odabire u web-dijelu popisa (povezivanje web-dijela svojstava popisa s web-dijelom popisa)

Kada imate veliki popis s mnogo stupaca, korisnicima može biti teško pronaći određene informacije koje traže. Pomoću web-dijela Svojstva popisa korisnik može odabrati stavku iz web-dijela Popis i vidjeti samo vrijednosti koje navedete. U sljedećem primjeru web-dio Popis sadrži popis regionalnih ureda. Kada korisnik odaberete stavku s popisa, u web-dijelu Svojstva popisa prikazuju se samo podaci o nazivu sustava Office i Prodaji.

Primjer popisa povezanog s web-dijelom svojstava popisa

Da biste to učinili, napravite sljedeće:

  1. Na stranici dodajte web-dio Popis s popisom koji želite koristiti, a zatim dodajte web-dio svojstva popisa.

  2. Odaberite Uređivanje web- Gumb za uređivanje web-dijela na lijevoj strani web-dijela Svojstva popisa.

  3. Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberite Poveži se s izvorom.

    Gumb Poveži se s izvorom
  4. U odjeljku Povezivanje s izvorom odaberite popis koji želite koristiti s padajućeg popisa.

  5. U odjeljku Prikaz odaberite što želite da korisnik vidi na vašoj stranici. 

  6. U odjeljku Polja za prikaz potvrdite okvire pokraj stupaca iz koje želite prikazati vrijednosti.

    Okno web-dijela svojstava popisa
  7. Pri vrhu stranice odaberite Spremi kao skicu.

  8. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Trebali biste vidjeti vrijednost koju ste naveli u web-dijelu svojstva popisa.

  9. Kada budete spremni da publika vidi stranicu, odaberite Objavi u gornjem desnom kutu stranice.

Prikaz videozapisa, slike ili mjesta na temelju onoga što korisnik odabire u web-dijelu popisa (povezivanje web-dijela za ugradnju s web-dijelom popisa)

Pomoću web-dijela Za ugradnju možete unijeti veze ili ugraditi kod koji koristi varijable, što vam omogućuje prikaz širokog raspona stavki ovisno o tome što preglednik stranica odabire. U nastavku su tri primjera načina na koji možete prikazati odabrane slike, videozapise i mjesta.

Prikaz odabranog videozapisa sa servisa YouTube

U ovom primjeru web-dio Popis sadrži popis s naslovima videozapisa i ID-ovima za nekoliko videozapisa sa servisa YouTube. Kada korisnik odabere videozapis s popisa, taj se videozapis prikazuje u web-dijelu Ugrađivanje. Veza u web-dijelu Ugrađivanje koristi varijablu da bi predstavljala ID videozapisa koji je korisnik odabrao s popisa.

Primjer web-dijela za ugradnju povezanog s popisom

Da biste to učinili, napravite sljedeće:

  1. Stvorite popis koji sadrži stupac Naslov i stupac za ID-ove videozapisa (kao u prethodnom primjeru). ID je dio veze na YouTube koji identificira videozapis i nalazi se nakon dijela veze "v=". Na sljedećoj je vezi, primjerice, dio s kurzivom ID videozapisa:

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

  2. Na stranici dodajte web-dio Popis i odaberite popis s ID-jevima videozapisa.

  3. Dodajte web-dio za ugradnju.

  4. Odaberite Uređivanje web- Gumb za uređivanje web-dijela na lijevoj strani web-dijela Ugrađivanje.

  5. Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberite Poveži se s izvorom.

    Gumb Poveži se s izvorom
  6. U odjeljku Povezivanje s izvorom odaberite popis s padajućeg izbornika.

  7. U odjeljku Adresa web-mjesta ili kod za ugradnju dodajte vezu na YouTube. No umjesto pojedinačnog ID-a videozapisa koristite naziv stupca popisa koji sadrži ID-ove kao varijablu. Varijablu označava otvorena zagrada, $i završna zagrada iza naziva. Evo primjera u kojem je ID videozapisa naziv stupca:

    Embed web part property pane showing connected list

  8. Pri vrhu stranice odaberite Spremi kao skicu.

  9. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Videozapis bi se trebao prikazati u web-dijelu Za ugradnju.

  10. Kada budete spremni da publika vidi stranicu, odaberite Objavi u gornjem desnom kutu stranice.

Prikaz odabrane slike

U ovom primjeru web-dio Popis sadrži naslove slika i URL-ove za slike pohranjene na web-mjestu sustava SharePoint. Kada korisnik odabere sliku s popisa, prikazuje se ta slika u web-dijelu Ugrađivanje. U ovom se primjeru kod IFrame koristi u web-dijelu Ugradnja, a varijabla predstavlja vezu na sliku.

Primjer web-dijela za ugradnju povezanog s popisom slika

Da biste to učinili, napravite sljedeće:

  1. Stvorite popis koji sadrži stupac Naslov i stupac za URL-ove slika.

    Savjet: Da biste dobili URL slike, idite u biblioteku u kojoj je slika pohranjena, desnom tipkom miša kliknite sliku, a zatim kliknite Kopiraj vezu. Zatim kliknite Kopiraj. Sada vezu možete zalijepiti na popis.

  2. Na stranici dodajte web-dio Popis i odaberite popis s URL-ovima slika.

  3. Dodajte web-dio za ugradnju.

  4. Odaberite Uređivanje web- Gumb za uređivanje web-dijela na lijevoj strani web-dijela Ugrađivanje.

  5. Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberitePoveži se s izvorom.

    Gumb Poveži se s izvorom
  6. U odjeljku Povezivanje s izvorom odaberite popis s padajućeg izbornika.

  7. U odjeljku Adresa web-mjesta ili kod za ugradnju dodajte kod za ugradnju. U ovom je primjeru kod za ugradnju:

    <iframe width="693" height="390" src="[$Image URL]" frameborder="0" allowfullscreen="" allow="accelerometer; Autoplay; šifrirani medijski sadržaji; žiroskop; picture-in-picture"></iframe>

    gdje je [$Image URL] varijabla koja predstavlja naziv stupca za URL-ove slike.

    Primjer koda za ugradnju za odabranu sliku
  8. Pri vrhu stranice odaberite Spremi kao skicu.

  9. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Slika bi se trebala prikazati u web-dijelu Za ugradnju.

  10. Kada budete spremni da publika vidi stranicu, odaberite Objavi u gornjem desnom kutu stranice.

Prikaz odabranog mjesta

U ovom primjeru web-dio Popis sadrži mjesta i njihove koordinate. Kada korisnik odabere mjesto s popisa, web-dio Ugrađivanje prikazuje to mjesto na karti servisa Bing. U ovom se primjeru kod IFrame koristi u web-dijelu Ugradnja, a varijable predstavljaju koordinate.

Example of a connected Embed web part showing a location from a list

Da biste to učinili, napravite sljedeće:

  1. Stvorite popis koji sadrži stupac Naslov i stupce za zemljopisnu dužinu i zemljopisnu širinu.

  2. Na stranici dodajte web-dio Popis i odaberite popis s informacijama o mjestu.

  3. Dodajte web-dio za ugradnju.

  4. Odaberite Uređivanje web- Gumb za uređivanje web-dijela na lijevoj strani web-dijela Ugrađivanje.

  5. Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberite Poveži se s izvorom.

    Gumb Poveži se s izvorom
  6. U odjeljku Povezivanje s izvorom odaberite popis s padajućeg izbornika.

  7. U odjeljku Adresa web-mjesta ili kod za ugradnju dodajte kod za ugradnju. U ovom je primjeru kod za ugradnju:

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

    gdje su [$Latitude] i [$Longitude] varijable koje predstavljaju nazive stupaca za svaku od tih točaka.

    Example of embed code to show locations
  8. Pri vrhu stranice odaberite Spremi kao skicu.

  9. Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Trebali biste vidjeti kartu servisa Bing koja prikazuje lokaciju prikazanu u web-dijelu Za ugradnju.

  10. Kada budete spremni da publika vidi stranicu, odaberite Objavi u gornjem desnom kutu stranice.

Napomene: 

  • Kod za ugradnju mora biti utemeljen na iframeu (to jest, početak i završetak <iframe> oznakama). Kod za ugradnju koji <skriptu> oznake nije podržan.

  • Moguće je ugraditi samo sigurna web-mjesta. Provjerite počinje li URL web-mjesta HTTPS-om.

Filtriranje popisa na temelju odabira na drugom popisu ili u biblioteci

Dinamično filtriranje omogućuje filtriranje jednog popisa na temelju odabira na drugom popisu. U sljedećem primjeru biblioteka Dokumenata planiranja filtrirana je prema odabiru na popisu Informacije o projektu. Odabrana je vrijednost "Marketing" u stupcu Projektni tim, pa se u biblioteci dokumenata za planiranje prikazuju samo dokumenti u vlasništvu marketinškog tima. 

Dinamički filtrirani popis

Da biste to učinili, napravite sljedeće:

  1. Na stranici dodajte web-dio Popis ili web-dio Biblioteka i odaberite popis ili biblioteku s vrijednostima po kojima želite filtrirati.

  2. Dodajte drugi web-dio popis ili web-dio biblioteke i odaberite popis ili biblioteku koja sadrži informacije koje želite filtrirati.

  3. Odaberite web-dio popisa ili biblioteke koji želite filtrirati, a zatim uređivanje web-Gumb za uređivanje web-dijela web-dijela s lijeve strane web-dijela.

  4. U odjeljku Dinamično filtriranje pomaknite prekidač na položaj Uključeno.

  5. Odaberite stupac koji želite filtrirati u polju Stupac u [naziv popisa] da biste filtrirali.

  6. U odjeljku Popis ili Biblioteka koja sadrži vrijednost filtra odaberite popis ili biblioteku koju ste dodali na stranicu u 1. koraku.

  7. U odjeljku Stupac koji sadrži vrijednost filtra odaberite stupac s vrijednostima po kojima želite filtrirati.

  8. Odaberite Primjeni.

    Na primjeru slike na početku sekcije mogućnosti dinamičkog filtriranja za biblioteku dokumenata za planiranje izgledat će ovako:

    Biblioteka dokumenata s otvorenim oknom za mogućnosti dinamičnog filtriranja

  9. Kada završite, pri vrhu stranice odaberite Spremi kao skicu ili, ako ste spremni da publika vidi stranicu, u gornjem desnom kutu stranice odaberite Objavi.

Potrebna vam je dodatna pomoć?

Želite dodatne mogućnosti?

Istražite pogodnosti pretplate, pregledajte tečajeve za obuku, saznajte kako zaštititi uređaj i još mnogo toga.

Zajednice vam pomažu da postavljate pitanja i odgovarate na njih, pošaljete povratne informacije i čujete se sa stručnjacima s bogatim znanjem.