mimisasouvanh/excel-add-in-js-collegebudgettracker

This task pane add-in shows how to create a college budget tracker using the JavaScript APIs in Excel 2016.

College Budget Tracker Task Pane Add-in Sample for Excel 2016

Applies to: Excel 2016

This task pane add-in shows how to create a college budget tracker using the JavaScript APIs in Excel 2016. It comes in two flavors: code editor and Visual Studio.

Try it out

Code editor version

The simplest way to deploy and test your add-in is to copy the manifest to a network share.

1. Create a folder on a network share (for example, \\MyShare\CollegeBudgetTracker).

2. Copy the manifest (CollegeBudgetTrackerManifest.xml) to a network share (for example, \\MyShare\MyManifests).

3. Add the share location that contains the manifest as a trusted app catalog in Excel.

   a. Launch Excel and open a blank spreadsheet.

   b. Choose the File tab, and then choose Options.

   c. Choose Trust Center, and then choose the Trust Center Settings button.

   d. Choose Trusted Add-in Catalogs.

   e. In the Catalog Url box, enter the path to the network share you created in step 3, and then choose Add Catalog.

f. Select the Show in Menu check box, and then choose OK. A message appears to inform you that your settings will be applied the next time you start Office.

4. Test and run the add-in.

   a. In the Insert tab in Excel 2016, choose My Add-ins.

   b. In the Office Add-ins dialog box, choose Shared Folder.

   c. Click College Budget Tracker command in the Home tab. The add-in opens in a task pane and creates the college budget tracker in the active sheet as shown in this diagram.

d.  Add some expenses and income using the **Add expenses** and the **Add income** tabs and see how the data and the charts changes dynamically.

  ![College Budget Tracker Sample](images/CollegeBudgetTracker_taskpane1.PNG) 

To use the manifest in your own Add-in, edit the element of the manifest file so that it points to the share location of your Home.html file.

Visual Studio version

1. Copy the project to a local folder and open the Excel-Add-in-JS-CollegeBudgetTracker.sln in Visual Studio.
2. Press F5 to build and deploy the sample add-in. Excel launches and the add-in opens in a task pane to the right of a blank worksheet, as shown in the following figure.

3. Add some expenses and income using the Add expenses and the Add income tabs and see how the data and the charts changes dynamically.

Learn more

The Excel JavaScript APIs have much more to offer you as you develop add-ins. The following are just a few of the available resources.

1. Excel Add-ins programming overview
2. Snippet Explorer for Excel
3. Excel Add-ins code samples
4. Excel Add-ins JavaScript API Reference
5. Build your first Excel Add-in