Emergency Response I need and I have list formattng

Workshop content and sample code from the Global Microsoft 365 Developer Bootcamp in October 2020 focused on building an emergency response center with Teams and SharePoint


Emergency Response I need and I have list formattng

Summary

You can use column formatting to to make your columns more intuitive for end users. Here we are using icons , location links using bing map and links to chat to contacts in the same list.

To use the sample, you need to create a list which has the following columns

Column name Type
Location Location
Contact People
Supplies Choice [ Choices - Food Water Flashlight Pet supplies Medicine ]
Comments Multi-text

screenshot of the sample

Tip - For location type columns you cannot format columns in the list view, instead go to column settings of the location field and paste the json.

Sample

Solution Author(s)
contact.json Rabia Williams
location.json Rabia Williams
supplies.json Rabia Williams

Version history

Version Date Comments
1.0 September 21, 2020 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Additional notes

This sample is inspired by the p-dev-list-formatting samples without which this could not have been made so easily, thanks to the contributors 💪🏾