Color indication in Visual Studio 2012

Before some days Microsoft has released the release candidate version of Visual Studio 2012. Today I got installed Visual Studio 2012 and once I loaded the visual studio 2012 first things I noticed that there is purple color blank strip is there at bottom. After doing some R and D on internet I have found that it is used for the different indication. The purple color indicates that there is no project loaded now.





Once you open the project this line will be of blue color like below.



Once you run and F5 and debug it, the color will change to orange like below
.


Isn’t that great? A simple color indicator for each mode in visual studio 2012. Stay tuned for the more. I am going to put some more post about Visual Studio 2012. Till then happy programing

Image preview in solution explorer Visual Studio 2011 beta

Everyday I am using Microsoft Visual Studio 2011 beta and everyday I learn some cool feature of it. In today’s post I am going to explain one cool features of Visual Studio 2011 beta solution explorer. As a web developer we all want to see the image preview in solution explorer and visual studio 2011 beta is now having it. We can see image preview in solution explorer just like following.

Event handler generation in Visual Studio 2012

There are lots of new features there in visual studio 2012. Event handler generation is one of them. In earlier version of visual studio there was no way to create event handler from source view directly.  Now visual studio 2012 have event handler generation functionality.

So if you are editing an event view in source view intellisense will display add new event handler template and once you click on it. It will create a new event handler in the cs file. It will also put a eventhandler name against event name so you don’t need to write that.

So, let’s take a simple example of button click event so once I write onclick attribute their smart intellisense will pop up
.


Now once you click on <Create New Event> It will create event handler in .cs file like following.




It will also put submitButton_Click on onClick attribute. 

Go to definition in JavaScript feature of Visual Studio

In recent days I am exploring the Visual studio features and this blog post is also part of that. I am loving visual studio 2011 beta more and more after exploring features that make developer’s life easy. Today I am going to talk about one of the features that is going to make developer’s life easy. 

JavaScript is a client scripting language which is an integral part of any web application now days.  So if you are web application developer you are surely going to write lots of JavaScript those days.  With earlier version of visual studio navigating code in JavaScript is not easy. But in visual studio 2011 beta we have go to definition features which one of most favourite features of visual studio for visual C#.


Here is the screen shot for that. I am navigating in JavaScript code in ASP.NET MVC 4 application.



That’s it hope you liked it. Stay tuned for more updates. Till than happy programming!!!.

Page inspector in Visual Studio 2012

What is Page Inspector:

Page inspector is a great tool to inspect your page in Visual Studio itself. In other words, You can use Page Inspector as a browser and inspect your pages in Visual Studio itself. It’s really slow a common problem you can diagnose your page in visual studio itself. You can see where you UI comes from and even you can look into your page in HTML.




You can also directly run page via right click project like following.



Once you load Page Inspector it will load you web application in Visual Studio.

Features in Page Inspector:

Page inspector provide lots of features.

Inspecting HTML with Page Inspector:

You can inspect your HTML will page inspector and you can see what is there in HTML of your page. For example, I have clicked on about page and you can see that in HTML code.

Inspect CSS and fix issues with CSS:

You also inspect your CSS and fix issues with css. Like following.



Here I have selected Aside and you can H3 tag with that