Tip #81: Did you know… How to Select the CSS Schema for Intellisense and CSS Properties?

In Visual Studio 2008, there is a Style Sheet Toolbar (visible only when a CSS file is active) which allows the user to select a CSS Schema, as seen in this screen shot:   However, this setting only affects the CSS editor, not the Intellisense in aspx or html files, nor the properties/values displayed in…

2

Tip #28 Did you know… That “Go to definition” is supported for CSS Class?

If you have a style defined as Class = ”fooRed”  as shown below and want to quickly know what does fooRed style contain? <div class ="fooRed"> In RED </div>  Just place your cursor on fooRed and hit the F12 button. This will highlight the CSS class for you even if the class lives in the…

9

Tip #24: Did you know…You could display CSS/HTML errors as warnings or as errors?

VS 2008 has this cool feature of downgrading any CSS/HTML errors to warnings. This is helpful when you want to separate out validation errors and are looking for what is actually stopping your build. In VS 2008 the default behavior is to display any HTML/CSS errors as warnings as shown in the picture below. Note…

1

Tip #16: Did you know… How to change the default format settings for CSS Editor?

There is a Tools –>Options setting under Text Editor –> CSS –>Format Node which helps you change the default CSS Format settings. This dialog gives you the flexibility of setting the default CSS Formatting styles in any of     the following Styles: Compact rules: In this option the Style selector and the properties are placed in…

1

Tip #11 Did you know… New Style builder can be invoked from various other tool windows in Visual Web Developer.

Tip#10 spoke about the New Style Builder Dialog. There are various other entry points to this dialog. You can invoke it from the following places from the IDE:  CSS Properties Tool Window: Bring up the CSS properties dialog by selecting View –>CSS Properties. Click on any rule in “Applied Rules” and bring up the context…

2

Tip #10 Did you know… Visual Web Developer 2008 has a New Style Builder Dialog?

Visual Studio 2008 has a New Style builder dialog. This dialog box helps you design new styles and also preview it at the same time. Using this dialog, you can create a style which can live in current page, an existing external style sheet or a new external style sheet. You can create styles which…

3

Tip #2 Did you know…The Style Application Toolbar works in both Auto and Manual modes?

The style application toolbar allows you to create and modify styles automatically. This tool window works in two modes "Auto mode" and "Manual mode". The Auto mode is targeted for users who are new to CSS and in this case Visual Studio will control where the newly generated styles will be placed. Manual mode is…

4

Did You Know… Tip #1 – Powerful CSS Tools to Create, Manage and Apply Styles

Visual Studio 2008 introduces three new tool windows for CSS styling. They are: Apply Styles Manage Styles CSS Properties All the above options are available under the View menu when you are in design view or in split view mode.  Apply Styles: Using this tool window you can create, apply and modify styles. This tool…

2