Articles and tutorials on ASP.NET MVC, Kendo UI, Windows 10, Windows Phone, Windows 8, Orchard

  • Visual Studio Tips & Tricks - Window Layouts

    Another neat little feature available in Visual Studio is the option to customize the window layouts. This comes in handy when you work on different machines and you want the same look and feel for the enviroment across all your devices and instances. 

    For this to work, first you need to log in with the Microsoft account while using Visual Studio, so that whatever changes you make for customizing the layout will get stored in the cloud and will be used to synchronize the layout across devices.

    Let's see how we can manage layouts using Visual Studio. I prefer to have least tabs open in the IDE and likes have the code editor uses most of the layout. So I have closed all the open tabs in the right side as well as in the bottom.

    Saving Layout

    Now we can save out layout from Window -> Save Window Layout.

    Categories: Visual Studio, Visual Studio 2015 Tips & Tricks

  • Enabling Search in your Blog Posts in Orchard

    One of the pain point faced by lot of developers/bloggers migrating to Orchard CMS platform is the process of enabling the search feature. In Orchard the search feature is disabled by default. So even if the search box is visible in the site, when you try to search the site/blog contents, it will return an error saying, "Please define a default search index". If you this error, then you can confirm that the it's not enabled and if you gets error message like "No results found" even if there exists content for the search criteria, you can confirm that the search is enabled, but index is not properly rebuilt after enabling the search.

    In this post, I am going to show you how to enable the search functionality and to make sure that the contents are listed while searching.

    To enable searching, you need to make sure that the following modules are enabled.

    1. Search - enables you to search the index using keywords on Lucene query syntax and returns list of matching items
    2. Index - creates an index on the items in the blog/site
    3. Lucene -Implements the searching by using the index we have created

    To enable it, go to Modules and search in the Filter box in the Features tab as shown below. If the module is installed then it will show there, otherwise you need to install it first. Clicking on the Enable link to make it available in the site.

    Categories: Orchard

  • Enabling Search Box in the UI in Orchard Blog Module

    When you setup the blog module in Orchard CMS, you will be wondering why there is no search box coming in the home page of your blog. That's because search is disabled by default in Orchard and in this post I will guide you through the process of enabling it in the UI.

    First and foremost, you need to make sure that the Search module is enabled or not. If the module is enabled, then it will list in the left menu in Admin dashboard under Settings as shown below.

    If it's not, then you need to enable it from the Modules section. Search for the module by typing search in the filter box and click on the Enable link to enable it. Once it's enabled, then in the Settings menu the link will be displayed.

    Categories: Orchard

  • Using HtmlAgility Pack to Extract Contents in a Web Page

    Recently I was working on a hobby project and in that I wanted to extract all the <image> tags from a web page. There are lot of solutions available for parsing the HTML page by using regex or by using various string manipulation methods. But I was looking for a neat solution and stumbled upon the HtmlAgility Pack. It's a .NET library that allows us to parse HTML files and outputs a sturcture similar to the DOM.

    It's been available for sometime now and is hosted at Codeplex and is available as a NuGet package. To install it in your solution, you can either use the NuGet package manager UI or the console. To install it from the console, run the following command

    Install-Package Htmlagilitypack

    Once the installation is completed, it will be added under the dependencies in project.json as well in References.


    Categories: C#

  • Installing packages using Bower From Visual Studio

    In one of the earlier post, I have explained the procedure for installing Bower in your Windows machine using command line tools. Now, it's possible to install packages using Bower from Visual Studio too, if you are wondering what actually Bower is then please go through this post which I have published earlier.

    The first step in installing the package is to create the Bower Configuration File which will be used to save all the information about dependencies and metadata like name of the project, description entry point. 

    To create the configuration file, select the Bower Configuration File option from the Add New Item dialog box which can be brought up from the context menu by right clicking on the project.

    I have saved the file as bower.json and if you open it now, the contents will be,

    Categories: Web Developement, Bower

  • Visual Studio Tips & Tricks - Quick Actions

    In the previous versions of Visual Studio we have refactoring options such Encapsulate Field, Extract Method etc in the context menu and the Resolve option for adding namespaces when you refer a method which are not imported etc. In VS 2015, these all are clubbed together and will appear in once place called Quick Actions. They also added new features like previewing and integreated search into it making it more productive. Also in statements wherever the quick actions are available, a Light Bulb will be shown in the left side very much like the feature in tools like Reshaper.

    To see this in action, let's call a new method which is not defined in the code. The light bulb will immediately appear along with the red squiggly once you complete the statement as shown below.

    You can click on the bulb to bring up the suggested action, which is to generate the method stub for PerformAction. If we click on the arrow button, you will get a preview of the content of the method that is going to be generated. This feature is newly added in Visual Studio 2015, earlier we had only the option to generated the method

    Categories: Visual Studio, Visual Studio 2015 Tips & Tricks

  • Visual Studio Tips & Tricks - Performance Analysis

    In this post, I am going to introduce a new feature made it's debut in Visual Studio 2015, the diagnostic tools, which I will definitley help you to easily identify performance bottlenecks and issuees while developing apps using the most widely used IDE.

    One new feature you are going to easily notify is that whenever you debug code in Visual Studio 2015, it will show the time eapsed right next to it as shown in the image below. 

    Time Values while debbugging

    You can configure the type of information that needs to be shown from the options. You have the option to set either CPU clock ticks or Miliseconds. By default it's miliseconds. 


    Opening Diagnostic tools

    If you hover your mouse over the time value, it will show you a popup like the one below.

    Categories: Visual Studio, Visual Studio 2015 Tips & Tricks

  • Visual Studio Tips & Tricks - Error List Window

    In this post, I am going to give you some tips for the Error List window is Visual Studio , which I hope will help you to increase the productivity while using the most widely used IDE.

    The error list will show the application error and warnings with code starting with "CSXXXX" where as the errors from code analysis will start with "CAXXX". Also you have the option to filter out error, warning, messages by clicking on the button in the top bar in the window. Those three buttons will act as toggle buttons and based on its state it will filter the list.

    Errors, Warnings and Messages

    Filtering Errors by Document

    Categories: Visual Studio, Visual Studio 2015 Tips & Tricks

  • Json.NET - Converting Collections

    Json.NET supports serialization and deserialization of array, generic list, dictionaries and custom collections too.


    To serialize collection, you needs to call the SerializeObject method and pass the collection object to it as the parameter and Json.NET converts it to json string automatically without needing any other configuration.

    In the example given below, we have created a class User with two properties, Name and Age. And in the main method we are intializing a list of users and to serialize the list, we are passing it to the SerializeObject method in JsonConvert class.

    string jsonText = JsonConvert.SerializeObject(usrs, Formatting.Indented);


    Categories: C#, Json.NET

  • Json.NET - Converting JSON to XML and Vice Versa

    Json.Net supports the conversion from XML to JSON and JSON and XML vice versa.

    JSON to XML Conversion.

    We are going to use 

    DeserializeXNode(string json, string nodeName)

    method defined in JsonConvert class to convert JSON to XML It will return an XNode object containing the XML. You will need to import System.Xml and System.Xml.Linq namespaces for this sample to work correctly

    Categories: C#, Json.NET

  • 1
  • 2
  • 3
  • ...