Skip to content

Commit eb97db5

Browse files
authored
Update incident-manager-a-cloud-business-add-in-tutorial.md
1 parent 95a9cda commit eb97db5

File tree

1 file changed

+39
-45
lines changed

1 file changed

+39
-45
lines changed

docs/sp-add-ins/incident-manager-a-cloud-business-add-in-tutorial.md

Lines changed: 39 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
---
2-
title: Incident manager: A cloud business add-in tutorial
3-
ms.prod: SHAREPOINT
4-
ms.assetid: 8dec09e6-e197-4f68-bcc2-ca41105c5d61
5-
---
6-
71

82
# Incident manager: A cloud business add-in tutorial
93
By using the **Cloud Business Add-in** template in Visual Studio, you can create a SharePoint hosted in which mobile users can view, add, and update data from remote locations by using modern, touch-oriented devices such as phones and tablets. In this tutorial, you'll create an add-in for a fictional Contoso Fire Department to handle on-scene incident management. The walkthrough covers the core concepts of building a Cloud Business Add-in as well as more advanced concepts such as integrating SharePoint lists and document libraries.
@@ -56,7 +50,7 @@ You will build the mobile add-in that will be used to enter basic information ab
5650

5751

5852

59-
![Cloud Business App template](images/CBA_IM1.PNG)
53+
![Cloud Business App template](../../images/CBA_IM1.PNG)
6054

6155

6256

@@ -152,7 +146,7 @@ You will build the mobile add-in that will be used to enter basic information ab
152146

153147

154148

155-
![The Incident entity](images/CBA_IM_2.PNG)
149+
![The Incident entity](../../images/CBA_IM_2.PNG)
156150

157151

158152

@@ -215,7 +209,7 @@ You will build the mobile add-in that will be used to enter basic information ab
215209

216210

217211

218-
![The Patient entity](images/CBA_IM_2a.PNG)
212+
![The Patient entity](../../images/CBA_IM_2a.PNG)
219213

220214

221215

@@ -252,7 +246,7 @@ You will build the mobile add-in that will be used to enter basic information ab
252246

253247

254248

255-
![The relationship between Incident and Patient](images/CBA_IM_3.PNG)
249+
![The relationship between Incident and Patient](../../images/CBA_IM_3.PNG)
256250

257251

258252
This creates a zero or one to many relationship between incidents and patients. An incident record doesn't have to have a patient, but every patient has to have a related incident record.
@@ -294,7 +288,7 @@ You will build the mobile add-in that will be used to enter basic information ab
294288

295289

296290

297-
![The Incidents screen set](images/CBA_IM_4.PNG)
291+
![The Incidents screen set](../../images/CBA_IM_4.PNG)
298292

299293

300294
Browse, View Details, and Add/Edit screens are added to the HTMLClient project. The Browse screen is automatically set as the home screen for the application, and the necessary commands for launching the View and Add/Edit screens are automatically provided.
@@ -342,7 +336,7 @@ You will build the mobile add-in that will be used to enter basic information ab
342336

343337

344338

345-
![Browse screen layout](images/CBA_IM4a.PNG)
339+
![Browse screen layout](../../images/CBA_IM4a.PNG)
346340

347341

348342
At run time the screen will display a tile for each incident, and each tile will display the incident number, date, and address.
@@ -375,7 +369,7 @@ You will build the mobile add-in that will be used to enter basic information ab
375369

376370

377371

378-
![The Add Patients link](images/CBA_IM_5.PNG)
372+
![The Add Patients link](../../images/CBA_IM_5.PNG)
379373

380374

381375

@@ -390,7 +384,7 @@ You will build the mobile add-in that will be used to enter basic information ab
390384

391385

392386

393-
![Add/Edit screen layout](images/CBA_IM_5a.PNG)
387+
![Add/Edit screen layout](../../images/CBA_IM_5a.PNG)
394388

395389

396390

@@ -434,7 +428,7 @@ You will build the mobile add-in that will be used to enter basic information ab
434428

435429

436430

437-
![Add/Edit screen layout](images/CBA_IM_6.PNG)
431+
![Add/Edit screen layout](../../images/CBA_IM_6.PNG)
438432

439433

440434

@@ -460,7 +454,7 @@ You will build the mobile add-in that will be used to enter basic information ab
460454

461455

462456

463-
![The Add Incident Popup](images/CBA_IM_7.PNG)
457+
![The Add Incident Popup](../../images/CBA_IM_7.PNG)
464458

465459

466460

@@ -494,7 +488,7 @@ You will build the mobile add-in that will be used to enter basic information ab
494488

495489

496490

497-
![The Add Patient Popup](images/CBA_IM_8.PNG)
491+
![The Add Patient Popup](../../images/CBA_IM_8.PNG)
498492

499493

500494

@@ -597,7 +591,7 @@ The first step is to add a couple of pre-populated list templates to your develo
597591

598592

599593

600-
![Navigate to the SharePoint developer site](images/CBA_IM_8a.PNG)
594+
![Navigate to the SharePoint developer site](../../images/CBA_IM_8a.PNG)
601595

602596

603597

@@ -612,7 +606,7 @@ The first step is to add a couple of pre-populated list templates to your develo
612606

613607

614608

615-
![Site Settings link](images/CBA_IM_8b.PNG)
609+
![Site Settings link](../../images/CBA_IM_8b.PNG)
616610

617611

618612

@@ -624,7 +618,7 @@ The first step is to add a couple of pre-populated list templates to your develo
624618

625619

626620

627-
![List templates list](images/CBA_IM_8c.PNG)
621+
![List templates list](../../images/CBA_IM_8c.PNG)
628622

629623

630624

@@ -648,7 +642,7 @@ The first step is to add a couple of pre-populated list templates to your develo
648642

649643

650644

651-
![The Contoso templates](images/CBA_IM_8d.PNG)
645+
![The Contoso templates](../../images/CBA_IM_8d.PNG)
652646

653647

654648

@@ -690,7 +684,7 @@ The first step is to add a couple of pre-populated list templates to your develo
690684

691685

692686

693-
![SharePoint data source](images/CBA_IM_9.PNG)
687+
![SharePoint data source](../../images/CBA_IM_9.PNG)
694688

695689

696690

@@ -705,7 +699,7 @@ The first step is to add a couple of pre-populated list templates to your develo
705699

706700

707701

708-
![SharePoint lists](images/CBA_IM_9a.PNG)
702+
![SharePoint lists](../../images/CBA_IM_9a.PNG)
709703

710704

711705
The entities are added to a new **Developer Data** node under the **Data Sources** node in **Solution Explorer**, and the **ContosoApparatus** entity opens in the entity designer.
@@ -745,7 +739,7 @@ The first step is to add a couple of pre-populated list templates to your develo
745739

746740

747741

748-
![The AvailableApparatus query](images/CBA_IM_10.PNG)
742+
![The AvailableApparatus query](../../images/CBA_IM_10.PNG)
749743

750744

751745

@@ -779,7 +773,7 @@ The first step is to add a couple of pre-populated list templates to your develo
779773

780774

781775

782-
![The Relationship dialog](images/CBA_IM_10a.PNG)
776+
![The Relationship dialog](../../images/CBA_IM_10a.PNG)
783777

784778

785779

@@ -816,7 +810,7 @@ The first step is to add a couple of pre-populated list templates to your develo
816810

817811

818812

819-
![Add a query](images/CBA_IM_11.PNG)
813+
![Add a query](../../images/CBA_IM_11.PNG)
820814

821815

822816
The **AvailableApparatus** collection is added to the left pane of the screen designer.
@@ -849,7 +843,7 @@ The first step is to add a couple of pre-populated list templates to your develo
849843

850844

851845

852-
![The Resources tab layout](images/CBA_IM_11a.PNG)
846+
![The Resources tab layout](../../images/CBA_IM_11a.PNG)
853847

854848

855849

@@ -885,7 +879,7 @@ On the scene of an incident the Incident Commander has to document many things,
885879

886880

887881

888-
![Navigate to the SharePoint developer site](images/CBA_IM_8a.PNG)
882+
![Navigate to the SharePoint developer site](../../images/CBA_IM_8a.PNG)
889883

890884

891885

@@ -918,7 +912,7 @@ On the scene of an incident the Incident Commander has to document many things,
918912

919913

920914

921-
![Document library with IncidentNumber column](images/CBA_IM_12.PNG)
915+
![Document library with IncidentNumber column](../../images/CBA_IM_12.PNG)
922916

923917

924918
In order to associate the document library with your add-in, the document library must contain a custom column that maps to a unique field in your entity. In this case the **IncidentNumber** column maps to the **IncidentNumber** field in the **Incidents** entity.
@@ -943,7 +937,7 @@ On the scene of an incident the Incident Commander has to document many things,
943937

944938

945939

946-
![Select the document library](images/CBA_IM_13.PNG)
940+
![Select the document library](../../images/CBA_IM_13.PNG)
947941

948942

949943
An **IncidentDocuments.lsml** node is added to Solution Explorer.
@@ -971,7 +965,7 @@ On the scene of an incident the Incident Commander has to document many things,
971965

972966

973967

974-
![The relationship between entities](images/CBA_IM_11b.PNG)
968+
![The relationship between entities](../../images/CBA_IM_11b.PNG)
975969

976970

977971

@@ -989,7 +983,7 @@ On the scene of an incident the Incident Commander has to document many things,
989983

990984

991985

992-
![The associated fields](images/CBA_IM_11c.PNG)
986+
![The associated fields](../../images/CBA_IM_11c.PNG)
993987

994988

995989

@@ -1027,7 +1021,7 @@ On the scene of an incident the Incident Commander has to document many things,
10271021

10281022

10291023

1030-
![Button to create or upload documents](images/CBA_IM_14.PNG)
1024+
![Button to create or upload documents](../../images/CBA_IM_14.PNG)
10311025

10321026

10331027

@@ -1051,7 +1045,7 @@ On the scene of an incident the Incident Commander has to document many things,
10511045

10521046

10531047

1054-
![The SharePoint Create a new file dialog](images/CBA_IM_15.PNG)
1048+
![The SharePoint Create a new file dialog](../../images/CBA_IM_15.PNG)
10551049

10561050

10571051

@@ -1073,7 +1067,7 @@ On the scene of an incident the Incident Commander has to document many things,
10731067

10741068

10751069

1076-
![The file name](images/CBA_IM_16.PNG)
1070+
![The file name](../../images/CBA_IM_16.PNG)
10771071

10781072

10791073
This will be used as the file name for the document.
@@ -1113,7 +1107,7 @@ The Contoso Fire Department is pleased with the additions to the Incident Manage
11131107

11141108

11151109

1116-
![The logo and splash screen files](images/CBA_IM_17.PNG)
1110+
![The logo and splash screen files](../../images/CBA_IM_17.PNG)
11171111

11181112

11191113

@@ -1261,7 +1255,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
12611255

12621256

12631257

1264-
![The IncidentManager node](images/CBA_IM_18.PNG)
1258+
![The IncidentManager node](../../images/CBA_IM_18.PNG)
12651259

12661260

12671261
The **LightSwitch Publish Application Wizard** appears.
@@ -1273,7 +1267,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
12731267

12741268

12751269

1276-
![The Publish wizard](images/CBA_IM_19.PNG)
1270+
![The Publish wizard](../../images/CBA_IM_19.PNG)
12771271

12781272

12791273
When your add-in is published, **File Explorer** appears and displays the **Publish** folder for your project.
@@ -1288,7 +1282,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
12881282

12891283

12901284

1291-
![The Apps in Test list](images/CBA_IM_20.PNG)
1285+
![The Apps in Test list](../../images/CBA_IM_20.PNG)
12921286

12931287

12941288

@@ -1303,7 +1297,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
13031297

13041298

13051299

1306-
![The Deploy App dialog](images/CBA_IM_20a.PNG)
1300+
![The Deploy App dialog](../../images/CBA_IM_20a.PNG)
13071301

13081302

13091303
The **Upload Add-in** dialog box opens.
@@ -1328,7 +1322,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
13281322

13291323

13301324

1331-
![App is installing](images/CBA_IM_21.PNG)
1325+
![App is installing](../../images/CBA_IM_21.PNG)
13321326

13331327

13341328

@@ -1343,7 +1337,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
13431337

13441338

13451339

1346-
![App is installing](images/CBA_IM_22.PNG)
1340+
![App is installing](../../images/CBA_IM_22.PNG)
13471341

13481342

13491343

@@ -1358,7 +1352,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
13581352

13591353

13601354

1361-
![The app is ready to run](images/CBA_IM_23.PNG)
1355+
![The app is ready to run](../../images/CBA_IM_23.PNG)
13621356

13631357

13641358
The add-in opens in the browser and looks exactly the same as when you ran the add-in in Debug mode. Notice that the data you entered during development is gone. When deploying the add-in, the database is deployed but not the data.
@@ -1373,7 +1367,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
13731367

13741368

13751369

1376-
![Layout in desktop browser](images/CBA_IM_24.PNG)
1370+
![Layout in desktop browser](../../images/CBA_IM_24.PNG)
13771371

13781372

13791373
You can also verify your add-in on a mobile device. Sign in to your SharePoint site from the web browser on your device, and then start the add-in.
@@ -1385,7 +1379,7 @@ So far you've only run the add-in in Debug mode, which uses SharePoint to provid
13851379

13861380

13871381

1388-
![Layout on mobile device](images/CBA_IM_25.PNG)
1382+
![Layout on mobile device](../../images/CBA_IM_25.PNG)
13891383

13901384

13911385

0 commit comments

Comments
 (0)