Click to Filter with Connected App Parts
A SharePoint Online tutorial by Peter Kalmström
 In
the previous
demo Peter Kalmström, CEO and Systems Designer of kalmstrom.com
Business Solutions, showed a way to connect web parts to
let users select a country and see all customers from that
country.
In the demo below Peter will show how to connect the same
Customers list to a Countries list app part. The result
lets users click on a country to see all customers from
that country.
Note that a lists show up under both Web Parts and App Parts,
so you can use which one of those buttons you want. That
is why Peter could use the Web Part button in the previous
demo and the App Part button in this demo and find the same
Customers list.
Connect app parts to show filter choices by clicking
- Click on the settings gear and select 'Add a page'.
- Give the page a name and click on Create. The new
page opens in Edit mode.
- Click on the Text Layout button under the FORMAT
TEXT tab and select two columns.
- Place the mouse cursor where you want the Countries
list to be displayed and click on the App Part button
under the INSERT tab.
- Select the Countries list and click on Add.
- Place the mouse cursor where you want the Customers
list to be displayed and click on the App Part button
under the INSERT tab.
- Select the Customers list in and click on Add.
- Expand the accordion in the top right corner of
Countries list app part and select Connections >Send
Row of Data To >Customers.
- In the pop-up dialog, select 'Get Filter Values
From'.
- Click on Configure.
- Connect the Country field in the Provider to the
Country field in the Consumer.
- Click on Finish and then Apply and save the page.
Now users can click on the icon to the left of the country,
and only customers from that country will be displayed.
|
