Reader Level:
ARTICLE

Simple But Interesting Features of VS 2012: Part 2

Posted by Anuja Pawar Articles | Visual Studio 2012 October 30, 2012
This is continuation to my previous article Simple But Interesting Features of VS 2012: Part 1. Here are some more features which I have explored.
  • 1
  • 0
  • 4810
Download Files:
 

Before reading this article, please go through the following article:

  1. Simple But Interesting Features of VS2012: Part 1

This is the continuation of my previous article Simple But Interesting Features of VS 2012: Part 1. Here are more features I have explored.

JavaScript Matching Braces

If we are writing any function in JavaScript which has too many opening and closing braces, and if we miss one of the closing braces, then it becomes very difficult to identify which opening brace is missing a closing brace. With .Net 4.5 we can select a brace and it identifies the closing brace, so it becomes easy to identify the nesting structure. See:

JavaScript-Matching-Braces.jpg

JavaScript Code outlining

Until the previous versions, outline was only supported for .cs and .aspx files, now outlining regions are available in JavaScript too. It helps us to collapse the file or function which is currently not part of our focus. See:

JavaScript-Code-outlining.jpg

Request Validation

Cross-scripting is a security threat when a developer allows scripts and HTML tags. But in many situations we need our page to support HTML and scripts. In such situations .Net 4.5 provides us with two features:

  1. Deferred "lazy" request validation- for selective part
  2. Access to unvalidated request data

Whenever a request is made, it's always validated for the complete data and if it is turned off then it is not validated at all. Using Lazy request validation only the required data will be validated. To enable lazy request validation set the "requestValidationMode" attribute to "4.5" in the "httpRuntime" element in web.config.

Request-Validation.jpg

How this will work is, let's take a simple example; if I wish to validate data when a particular button is clicked, in such a scenario, I don't want that when the page loads, the request should be validated, it should instead be validated whenever the button is clicked. This was not possible with the earlier versions of .Net, but now lazy request validation will do it in .Net 4.5.

It can be used like:

  • Request.Unvalidated.Cookies["Name"]
  • Request.Unvalidated.QueryString["VarName"]
  • Request.Unvalidated.Form["Value"]

Example

I have added two ASP textboxes and one ASP button. I have set the requestvalidationmode to 4.5. The moment I tried to enter the string with a HTML tag, I get the error "Potential dangerous request...."

Example1.jpg

This is my code:

Example2.jpg

The moment I replace the ASP textbox server control with a simple HTML control and click the submit button, it works fine. The structure looks like this:

Example3.jpg

Now let's access the same from the code:

Example4.jpg

Again I get the same error "Potential dangerous request... " But again I try to access the page by a slight change in the code and it works fine.

Example5.jpg

Now returning to ASP textboxes, in other words server controls, .Net tries to use the posted data to maintain the view state, so the error is encountered. To avoid this .Net has introduced the "ValidateRequestMode" feature. We can set the textbox to "disabled" for which we don't want the server to request validation.

After adding ValidateRequestMode, it works fine.

This feature is important, since earlier we would set the validation request to false at the page level and the entire page becomes open for cross scripting. But with this feature only a part is opened and the remaining page is secure from XXS attacks.

CSS Editor: Hierarchy Indentation

The moment we create a hierarchy with CSS it is automatically indented and we can see the inheritance. Hierarchical indentation is enabled by default, but if the user wishes, it can be disabled. To turn it off select Tools-> Option-> Text Editor -> CSS -> Formatting. See:

CSS-Editor-Hierarchy-Indentation.jpg

In the figure below, you can see a 3-level hierarchy. The first level is the div, then the next is an anchor inside the div and the third level is hover on anchor inside the div.

CSS-Editor-Hierarchy-Indentation1.jpg

 

COMMENT USING

Trending up