Visual Studio 2012 Page Inspector

-
Ok so here goes my first blog post ( Deep breath ).

So i`m going to start with something really simple , but yet useful in every day work.

With the MVC 'invasion' , everybody seem to be talking about it and trying it ( Including myself).

MVC can be a tricky b**** at first , but once you have  got the hang of it , its pretty obedient.

Anyways , lets cut the small talk and get in to business!

No "Design View" when designing MVC Views ?

So when you do start on MVC , one thing that you`ll notice is , there is no design view like we used to have with good `ol ASP.Net.

So how can you view the changes that you make to your Views` HTML without browsing to it?

Fear no more , Visual Studio 2012 introduces an awesome new tool!

Enter PAGE INSPECTOR !

I browsed all over the web and asked a lot of people at my work place and people that i know , it was surprising that most of them were not aware of this tool , which comes built in with VS 2012.

How to Use Page Inspector


  1. Right click on your View.
  2. Select the "View in Page Inspector" option.

































and Voila!



So there you have it , i wont go through each and every detail and functionality of the Page Inspector as i`m pretty sure that you will be able to work it out your selves after playing around for a bit.

If you are too lazy to do it  , here is a useful video that can help you out.

If you are too lazy to do even that ! , post your questions here i will answer them ( or will try to ).



Comments

Post a Comment

Popular posts from this blog

OneNote Code Format plugin

-
If you are using OneNote like me to keep your shit together and ever wondered why this does not have a built in code formatting option, then your worry days are over. No one wants to see their code lying around without formatting in plain text form , so make use of this plugin to make things prettier. https://www.makeuseof.com/tag/programmer-onenote-coding-add-on/ 
Read more

Wasted about an hour of my life on something so trivial

-
Image
 Ok guys so i wasted about an hour trying to figure out how to bind to the "disabled" property in a textbox in angular. And after trying for a long time i realized that my code is not working as expected because , you have to use null instead of "false" to control it. Please refer to the stackoverflow answer below. Darn it ! https://stackoverflow.com/questions/42179150/how-to-disable-a-input-in-angular2/43765804
Read more

With Values

-
Image
 Using the clause WITH VALUES when you are adding a new column to an existing table using Microsoft SQL Server is a handy little trick. The use of WITH VALUES is when you want to add a default constraint to an existing table that allows null . Because when you add a default constraints that allows null it will NOT fill the existing rows with a value, this can effect your database logics ( if you have written some code depending on these values ).  Let me demonstrate this with some simple tables. Create a simple table CREATE TABLE Students( id int NOT NULL, name varchar(50) NULL ) Add some sample data insert into Student (id,name) values (1,'Cappadonna'), (2,'UGod') Add a new column to the table , with NOT NULL  clause ALTER TABLE Student ADD age int not null CONSTRAINT age_default DEFAULT 99 Now if you query your table you will see that the existing rows are being populated with your default value. This is because we added the constraint as NOT NULL.    No...
Read more