Posted on

How to develop SharePoint 2013 on the Dev Machine

During the recent research, I came across following article.


Install the operating system for your SharePoint Add-ins development environment

The requirements for a development environment for an installation of SharePoint are less stringent and costly than the requirements for a production environment. In any development environment, you should use a computer with an x64-capable CPU, and at least 16 GB of RAM to install and run SharePoint; 24 GB of RAM is preferable. Depending on your specific requirements and budget, you can choose one of the following options:

Install the app development prerequisites for the operating system and SharePoint 2013

SharePoint requires your operating system to have certain prerequisites installed before installation begins. For this reason, SharePoint includes a PrerequisiteInstaller.exe tool that installs all of the prerequisites for you. Run this tool before running the Setup.exe tool.

  1. Run the PrerequisiteInstaller.exe tool.

  2. Run the Setup.exe tool included with your installation files.

  3. Accept the Microsoft Software License Terms.

  4. On the Choose the installation you want page, choose Stand-alone.

    Figure 2. Installation type choice

    SharePoint 2013 Installation Server Type

  5. If any errors occur in the installation, review the log file. To find the log file, open a Command Prompt window, and then type the following commands at the command prompt. A link to the log file also appears when the installation is complete.


    cd %temp
    dir /od *.log
  6. After the installation is complete, you are prompted to start the SharePoint Products and Technologies Configuration Wizard.

    Note Note

    The SharePoint Products and Technologies Configuration Wizard can fail if you are using a computer that is joined to a domain but that is not connected to a domain controller. If this failure occurs, connect to a domain controller either directly or through a Virtual Private Network (VPN) connection, or sign in with a local account that has administrative privileges on the computer.

  7. After the configuration wizard is complete, you see the Template Selection page of the new SharePoint site.

    Figure 3. Choose site template page

    SharePoint 2013 site templates

Install Visual Studio

When you install Visual Studio, you get all of the templates, tools, and assemblies to develop SharePoint on your local development machine.

See Installing Visual Studio for instructions about installing Visual Studio.

Verbose logging in Visual Studio

Follow these steps if you want to turn on verbose logging:

  1. Open the registry, and navigate toHKEY_CURRENT_USER\Software\Microsoft\VisualStudio\nn.n\SharePointTools, where nn.n is the version of Visual Studio, such as 12.0 or 14.0.

  2. Add a DWORD key named EnableDiagnostics.

  3. Give the key the value 1.

The registry path will change in future versions of Visual Studio.

Next steps

If you will be creating workflows, continue with Set up and configure SharePoint 2013 Workflow Manager

Posted on

Draw Morris Chart with MVC Web

Following is working View Name is: testChart.cshtml;
ViewBag.Title = “testChart”;


<!DOCTYPE html>
<title> Test Page </title>
<div id=”myfirstchart” style=”height: 250px;”></div>
<div id=”Line-Example” style=”height: 250px;”></div>
<div id=”morris-donut-chart” style=”height: 250px;”></div>
<script type=”text/javascript”>

$(document).ready(function () {
$.get(‘@Url.Action(“GetSalesGraphData”)’, function (result) {

new Morris.Line({
// ID of the element in which to draw the chart.
element: ‘myfirstchart’,
// Chart data records — each entry in this array corresponds to a point on

data: result,
// The name of the data record attribute that contains x-values.
xkey: ‘Year’,
// A list of names of data record attributes that contain y-values.
ykeys: [‘Sales’],
// Labels for the ykeys — will be displayed when you hover over the
// chart.
labels: [‘Sales’]



@*<link rel=”stylesheet” href=”//”>

<script src=”//”></script>
<script src=”//”></script>*@

<script src=”@Url.Content(“~/bower_components/morrisjs/morris.min.js”)”></script>
<script src=”@Url.Content(“~/Scripts/morris-data.js”)”></script>


Following is Controller Page:

Using EF6 entity name: AWorksEntities, Stroed Procedure, Using ViewModel

public JsonResult GetSalesGraphData()
{ using (var context = new AWorksEntities())

var sales = context.f_uspGetTotalYearlySales();
List<YearlySales> ys = sales.Select(s=> new YearlySales
Year = s.Year.GetValueOrDefault(),
Sales = s.TotalSales.GetValueOrDefault()

return Json(ys, JsonRequestBehavior.AllowGet);



public ViewResult testChart()
return View();

Posted on

Morris chart to fetch data from a local JSON file

I am trying to create a morris donut chart. I have modified it to get data from a local json file, but for some reason it doesnt load the chart.No error in the console also.

Here is the html file

<meta charset=utf-8 />
<title>Morris.js Donut Chart Example</title>
<body onLoad="drawChart()">
<div id="donut-example"></div>

      function drawChart() {
      var jsonData = $.getJSON("data.json", function(json) {
    console.log(json); // show the info in console
              element: 'donut-example',
              data: jsonData

And here is my data.json file

  [ {label: "Download Sales", value: 12},     {label: "In-Store Sales", value: 30},     {label: "In-Store Sales", value: 25},     {label: "Mail-Order Sales", value: 20} ]

Depends on your data conversion on server side you maybe parse it to json array again;

For example;

function drawChart() {
        $.getJSON('@Url.Action("GetJsonData", "Home")',
           function (data) {
                   element: 'donut-example',
                   data: JSON.parse(data),
                   formatter: function (x) { return x + "%" }