Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

SharePoint Lesson #41: WebPart Connections

511 views

Published on

How to connect WebParts and provide a better user experience with filtering data

Published in: Education
  • Be the first to comment

  • Be the first to like this

SharePoint Lesson #41: WebPart Connections

  1. 1. Connecting WebParts and filter Content
  2. 2. Connecting WebParts and filter Content
  3. 3. _I U I: '--‘ it: edit ' X Minimize Close X Delete _/1 Modify Shared Web Part 4 Connections I 4 Provide Row To Print Print Get Sort, ‘Filter From WebParts can be connected and can filter and display the content more user friendly. “Peter 4-icffner
  4. 4. Example A list with Contintents A list with Countries and their Capitals A list with Countries and Country Codes - Pick a Continent from a list - The 2nd list displays only Countries of the selected Continent - The 3rd list only displays the Country Codes How it works >>
  5. 5. Add the 3 lists to a WebPart page. Each list needs a field which can be used as a reference. The field names can be different, but the content should match: Cunrmalons Connections C ‘ ZZZ as see seem: as > 7:» M — Fund Fund As: an 75 AD IND 2c mm AE ms 764 Afiihnv AF are "Peter 4-feffmar
  6. 6. i_: _ "FT: i: "JU| |l| !‘. 'bl| U|| b Connecuons Africa NEH . .-‘—-_sia Australia Europe llcrth America South . -'-«meryica “Peter 4-feffmar Europe Europe Africa Australia
  7. 7. Camutiude Capialongtude Coun e 34.516.666.666.666.600 69. 183.333 AF 60. 116.667 193110.000 AX 4. 131.666.666.666.660 19.816.667 Al. 3.75 DZ -14.266.666.666.666.600 AS 1 - 5 I reng Code ISO 4217 Curreng Name ITU-TT ' - one Cod ISO 3166-1 2 Letter Code? ISO 3166-1 3 Letter Code ISO 3166-1 Nurrber IANA Coun ( Pound 357 Pound 247 . ac E10 376 AD AM) 20 . ad (ihan 971 IE ARE 784 . ae Arum 93 AF AFG 4 . af 1-5 F ‘Tatar 1-feffmar
  8. 8. Add the 3 lists to a WebPart page. Each list needs a field which can be used as a reference. The field names can be different, but the content should match: eL3: . Pages . cnnnmims E Connections Countne-; and CaD'| als Countmlume cngnanam: CngnaLumude caguitnngme cuunzgcoae Algrlnnntul mu M.516.666.666.566.6IX} 59.131133 63$ 60. 116.667 l9.§I1.0W 4. i:1.s66.as6.c££.6m 141015.667 5.75 3.09.000 -M.2s6.s66.se6.566.5an -:7n.7nn, u 1. 5 v COUMFY Cones you w um. .. Slllngv 1-5 v Corwnonname Fornwllsmz my sun‘ e Sovereignty cm. » tSOl217Ewr: ngCode lS0t2l7Curvem: y'lnm¢ V‘u—1Vele hcneccd use 3I6&I2L: nerCode7 15031651 3.e1Iev(; n:! z SO3’66—1lluNI>er wax. Cowilg cm rm mun Deoaldalcv ooauau mu sauna: cw Poms :57 imam Yumuv Knifi-rl Ar . mm oepauu-:1 u-ma oeorgmm so Feud 247 M: ASC x o Dwuudancy ols-n irmaum man " " vmchdmw udoendem Mdorrala an Ero 375 to no In ad Aidan sun: Vda Amman u-mam» lndomdun Ahunvm to on-n an :5 M15 134 . ae {gnu aunts sun: um-cscn rniqmdsn um Am Arum 93 AF AFG 4 If Aignnnm of Stan: Amuse- “Peter 4-feffmar
  9. 9. 1. Connection Connect the "Continent" list with the "Countries & Capitals" list: r. mum. .. niinlrlr-s mi l . mu. .ir. mu - As-in Sdt-Iv Ilmu - mun in-u. it : nmimm tnunm cumming mmmm: "" Am! “ E An Ammo» maul 3¢. s15.sss. ssaaas. soa «man: all : EIw= Aknnnn ma-1 sa. us. ss1 mnnmn ennui: Earn: mug vm. mtm. sams. aso . s.us. ss *"°"*"~"'° um : um gag than aw: lhm. Au1u E maul. Anlvlan Sum: mg mp -|4.2ss. sse. sss. sas. sm ailnm 5991!-Am: : . l: LwwiIlY mm Now the 1st list shows radio buttons for selecting which C°'U"T‘" 1" the "C-°"‘i"9'“5" "51 Which column in "Countries & Capitals" contains me dashed C°"“"em‘ 5110"“ be “Sad ‘O fine"? the records to be filtered?
  10. 10. Minimize , g T Close 69. 183. 333 X Delete l 1g_g00_000 _f} Modify Shared Web Part ‘l 193166617 Pro‘-side Row To >7 Connections D 3.050.000! Pi” ‘ _17oI700.c Get Sort, 'Filter From ) Contjnents Country Codes edit * G0 * ‘ ‘ %”“ W - J if
  11. 11. Configure Connection -- Webpage Dialog », Lg», > ’» , : > Connections Connections Select a column in Continents to f'te' Countries and Capitals. Q 1 Column: Continent ~ i i vii» l‘-—v‘lL' edit 7 . .., ... . . .- ill . E %> 1 “SW ' "*C1l"" ’ ->€ml"95' New V Actiorisv Settingsv 0 2 NE“ Asia Afghanistan Kabtl E Europe Aland Islands Marieh 3 Europe E Trana Eire Africa {Liam Algiers “_°TEl_‘i‘i3 Australia American Samoa Page P ’ South America 3 Which column in the "Continents" list should be used to filter? l”}>eter1-teffner
  12. 12. Configure Connection -- Webpage Dialog Select a CClL. ll’T1l"‘i‘ Countries and Capital: that contains Ccrtiriert data. Column: ContinentName v Previous Next Finish Cancel Iiiiii it edit‘ X . I. _~ , ;_. . . ,,-. _~ H6‘-‘v’ ' Actions v Settings v new . Acncns , Semngs . § 0 I "W Asia Afghanistan J E Europe Aland Islands W Europe % 5403 Africa E @ Australia American Samoa South America Which column in "Countries & Capitals" contains the records to be filtered? l”}>eter1-tcffner
  13. 13. N°""' ' “C“'3”5‘ 55"'”§5' flex‘-‘ ' Acticnsv Settings- Afflcfi ! “E” Asia Afghanistan ‘*_U§lF_3l'_i’5 Europe Albania fix Africa Algeria Wm Australia American Samoa South America iiiiII| ' ‘i i'; L: 3 ) J ‘t 5 t i ‘_3 Europe Aland islands :3 § 3 E‘ 5 P ‘ New v Actionsv Settingsv N V”@WW Now the 1st list shows radio buttons for selecting the desired Continent. “Peter 1-tcffmar
  14. 14. 2. Connection The 2nd step defines the connection between "Countries & Capitals" and "Countries Codes": mutinmam DdIKI'i’. tIt-: nn‘1|n iriilirulurritwoe §fl}i§£iZtfl§Ku&' t2o)itir». }L. n=vt: ua mm. at :51 X M- ) mairsnmuimm ~--x-= -v- m . . . ... ., (guru: in. Now the 2nd list shows radio buttons as w . . .. . . . . Th’ i h rt ' iii '. Which column in “Cciuntries & Capitals" should be Whlch ¢0'U"""' "1 COUNTY Codes ¢0"t3'"5 ‘he '5 can be used 0' fun Er Itemg 0 t e '51 used as a finer? records to be filtered?
  15. 15. V V W I / »— — Provide Rona‘ To I ASC 1 Get Sort, 'Filter From I» A ARE edit * Minimize Close Deiete Modifi' Shared Web Part Connections I 2 Print Countries and Capitals Continents X
  16. 16. IANA CourItry_ B0 42!? Currency Code K50 4217 Currency Name WU-T Telephone Code 50 3166-1 2 Letter Code? 50 31664 3 Lelter Code lS0 3166-1 Nurrber CVP Pound 357 I 9? Pound 247 AC ASC . K ER am 376 AD AN) ZJ . ad Which column in "Countries & Capitals" should be used as a filter? “Peter 4-Feffmar
  17. 17. Configure Connection . . Webpage Dialog l -* or 69153333 AF Cancel 19,900,000 AX 154315.557 AL 3.050.000 DZ Page Page -14.2ss. s5a. ee5.sea. s00 -:7u.7n0.0oo A5 L p Which column in "Country Codes" contains the records to be filtered? “Peter 1-tcffmar
  18. 18. —e -r . » edi! - x Vi l| .. ll: -‘» 3 he- ' Actions ~ Eeiogs - i. e.». v Aczicrs v szmrgs - WWW T‘ Asia Argnamsiaw m 5 Europe Alawd islands Mar " min r Eurooe ma. 1-. Dig ' Afnm mm A l"i£‘£2£ { Ausuaia American Samoa F’ South America 7 ? 1 «en. . -l ~- Sermgsv Dependency overseas United Episkou cm Territory iongdom Pram Dependency mixed Georgetown so-9 Ascer srcn Uependency of Sam Kingdom Helena . Pnncoaluty of A wendenl Andorra la ELR 5”” Andorra 5:. Vela unned Aral) Unmzd Arab Indep nnt Abu Dhabi AB) Emirates Emrates Stan: Islam: scam rndepende. Kabu AFN : .rgna~ls: an of state Afwanistari Now the 2nd list shows radio buttons as well. This can be used for further filtering of the 3rd list. “Peter 1-rcffmar
  19. 19. ,1. Choice: Continent: Europe '2. Choice: Country = Austria C ; C0n>fi: ";T; :5 » Connecting WebParts can help making , ’ ‘Hy selections more user friendly. 1. : - It works like a cascading filter. “Peter 4-feffmar
  20. 20. 1. Choice: Continent: Europe 2. Choice: Country = Austria e D >F’ages > I nneciions Countnes and Capitals New v Actbnsv . Se1fngsv C0nlnentNameY C0unti1Name Cagnalllame CaQitaILatlude W Europe Aland Islands Mlidlalll 60.116.667 F‘ Erope flgggg Trana 4.l31.666.666.666.660 (‘ Europe fig; Andorra la Vda 42.5 G Eifig (‘ Europe Amiema Yerevm 40. (‘ North America (6 Europe Austria Vienna 48.2 C 1 - 5 > Country Codes New - Acfnns - Settings v Common Name Formal Name Type‘! Sub Tgg Soveregny Capital so 4217 Currengy Code B0 4217 Currengy Name FTU-T Teieghone Codi Ausma Repiblicof Independent Wanna ER Euro 43 C Austin State “Peter 4-lcffmar
  21. 21. Please find here an overview of all available Presentations: htt : //vvvvvv. eterheffner. de/ SPTuT. htm lfeter 4-feffner
  22. 22. Connecting WebParts and filter Content

×