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.
Da biste to učinili, napravite sljedeće:
-
Na stranici dodajte web-dio Biblioteke dokumenata s bibliotekom koju želite koristiti i dodajte web-dio Datoteka i Medijski sadržaji.
-
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.
-
Odaberite Uređivanje web- na lijevoj strani web-dijela Datoteka i Medijski sadržaji.
-
Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberitePoveži se s izvorom.
-
U odjeljku Povezivanje s izvorom odaberite biblioteku dokumenata koju želite koristiti s padajućeg popisa.
-
Odaberite X pri vrhu okna da biste ga zatvorili.
-
Pri vrhu stranice odaberite Spremi kao skicu.
-
Testirajte vezu odabirom dokumenta iz biblioteke dokumenata koju ste odabrali. Dokument bi se trebao prikazati u web-dijelu Datoteka i Medijski sadržaji.
-
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.
Da biste to učinili, napravite sljedeće:
-
Na stranici dodajte web-dio Popis s popisom koji želite koristiti, a zatim dodajte web-dio svojstva popisa.
-
Odaberite Uređivanje web- na lijevoj strani web-dijela Svojstva popisa.
-
Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberite Poveži se s izvorom.
-
U odjeljku Povezivanje s izvorom odaberite popis koji želite koristiti s padajućeg popisa.
-
U odjeljku Prikaz odaberite što želite da korisnik vidi na vašoj stranici.
-
U odjeljku Polja za prikaz potvrdite okvire pokraj stupaca iz koje želite prikazati vrijednosti.
-
Pri vrhu stranice odaberite Spremi kao skicu.
-
Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Trebali biste vidjeti vrijednost koju ste naveli u web-dijelu svojstva popisa.
-
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.
Da biste to učinili, napravite sljedeće:
-
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
-
Na stranici dodajte web-dio Popis i odaberite popis s ID-jevima videozapisa.
-
Dodajte web-dio za ugradnju.
-
Odaberite Uređivanje web- na lijevoj strani web-dijela Ugrađivanje.
-
Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberite Poveži se s izvorom.
-
U odjeljku Povezivanje s izvorom odaberite popis s padajućeg izbornika.
-
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:
-
Pri vrhu stranice odaberite Spremi kao skicu.
-
Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Videozapis bi se trebao prikazati u web-dijelu Za ugradnju.
-
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.
Da biste to učinili, napravite sljedeće:
-
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.
-
Na stranici dodajte web-dio Popis i odaberite popis s URL-ovima slika.
-
Dodajte web-dio za ugradnju.
-
Odaberite Uređivanje web- na lijevoj strani web-dijela Ugrađivanje.
-
Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberitePoveži se s izvorom.
-
U odjeljku Povezivanje s izvorom odaberite popis s padajućeg izbornika.
-
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.
-
Pri vrhu stranice odaberite Spremi kao skicu.
-
Testirajte vezu tako da odaberete stavku s popisa koji ste odabrali. Slika bi se trebala prikazati u web-dijelu Za ugradnju.
-
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.
Da biste to učinili, napravite sljedeće:
-
Stvorite popis koji sadrži stupac Naslov i stupce za zemljopisnu dužinu i zemljopisnu širinu.
-
Na stranici dodajte web-dio Popis i odaberite popis s informacijama o mjestu.
-
Dodajte web-dio za ugradnju.
-
Odaberite Uređivanje web- na lijevoj strani web-dijela Ugrađivanje.
-
Odaberite trotočje (...) u gornjem desnom kutu okna svojstva, a zatim odaberite Poveži se s izvorom.
-
U odjeljku Povezivanje s izvorom odaberite popis s padajućeg izbornika.
-
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&w=500&cp=[$Latitude]~[$Longitude]&lvl=13&typ=d&sty=r&src=SHELL& FORM=MBEDV8" frameborder="0" scrolling="no"> </iframe>
gdje su [$Latitude] i [$Longitude] varijable koje predstavljaju nazive stupaca za svaku od tih točaka.
-
Pri vrhu stranice odaberite Spremi kao skicu.
-
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.
-
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.
Da biste to učinili, napravite sljedeće:
-
Na stranici dodajte web-dio Popis ili web-dio Biblioteka i odaberite popis ili biblioteku s vrijednostima po kojima želite filtrirati.
-
Dodajte drugi web-dio popis ili web-dio biblioteke i odaberite popis ili biblioteku koja sadrži informacije koje želite filtrirati.
-
Odaberite web-dio popisa ili biblioteke koji želite filtrirati, a zatim uređivanje web- web-dijela s lijeve strane web-dijela.
-
U odjeljku Dinamično filtriranje pomaknite prekidač na položaj Uključeno.
-
Odaberite stupac koji želite filtrirati u polju Stupac u [naziv popisa] da biste filtrirali.
-
U odjeljku Popis ili Biblioteka koja sadrži vrijednost filtra odaberite popis ili biblioteku koju ste dodali na stranicu u 1. koraku.
-
U odjeljku Stupac koji sadrži vrijednost filtra odaberite stupac s vrijednostima po kojima želite filtrirati.
-
Odaberite Primjeni.
Na primjeru slike na početku sekcije mogućnosti dinamičkog filtriranja za biblioteku dokumenata za planiranje izgledat će ovako:
-
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.