Tips & Tricks for ASP.NET, IIS, and Visual Web Developer : HTML

Tip#66: Did you know... how to insert quotes values automatically while typing the attrib values?

WebDevTools — Sat, 30 May 2009 02:53:34 GMT

It's a nice time saver if you would like the HTML editor to automatically add quotes for the attribute values while you are typing.

To set this option select Tools->Options. Check Show all settings. From the left pane select Text Editor -> HTML -> Format and check the insert attribute value quotes when typing checkbox.

Now as soon as you hit "=" for the attrib value, editor will insert a pair of quotes and show the intellisense for the values accepted.

Select a value from the intellisense and press enter/tab. Cursor would jump out of the pair of quotes (you will have to hit the arrow key after entering the attrib value, if it doesn't show up a list of values).

Deepak Verma
SDET | Visual Web Developer

Tip #59: Did you know…How you can automatically format unformatted HTML on paste in VS?

WebDevTools — Wed, 29 Apr 2009 23:36:04 GMT

Do you copy/ paste a lot of unformatted HTML content in to your web forms? Do you always format HTML after pasting such content? There is an easy way to automatically format HTML on paste in VS. Here is how you do it.

In Tools->Options dialog, go to Text Editor->HTML->Miscellaneous page. Check ‘Format HTML on paste’ option.

After checking this option on, whenever you paste unformatted HTML, it gets formatted automatically.

Ranjini Mathrubootham

SDET, Visual Web Developer

Tip #58: Did you know…How you can import/ export HTML Per Tag options in VS?

WebDevTools — Wed, 29 Apr 2009 05:38:25 GMT

If you make a lot of customization to per tag options and you want import/ export these settings you could easily do so with Tools->Import/Export Settings dialog.

To export your custom settings to a vssettings file, launch Import and Export Settings Wizard from the menu by choosing Tools->Import/Export Settings. Click ‘Next’

In the next page of the dialog, uncheck ‘All Settings’. Expand Options->Text Editor node. Check ‘HTML Tag Specific’ checkbox as shown below

Click ‘Next’. You can change the location and filename to save the settings file to. Enter the location and name and click Finish.

You can Import these settings by using the same Import/Export Settings wizard and choosing the ‘Import Selected Environment Settings’ option in the first screen.

Ranjini Mathrubootham

SDET, Visual Web Developer

Tip #23: Did you know…How to launch Formatting options dialog for editor with 2 clicks?

WebDevTools — Wed, 12 Nov 2008 23:12:23 GMT

Normally we use Tools->Options->Text Editor->HTML->Format to launch the Formatting Options dialog shown below:

You can also launch the above dialog from the editor surface with just 2 clicks. On the editor surface, right-click and choose 'Formatting and Validation' from the context menu.

Voila! You get the Formatting Options dialog shown above.

Ranjini

SDET | Visual Web Developer Team