Browse by Tags
All Tags »
CSS (
RSS)
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 the CSS Property Grid, as shown here: Setting the CSS schema for aspx/html pages is actually a bit obscure; in VS 2008 the current CSS schema in use is deduced rather than selected, and the...( read more ) Read More...
Open an existing web site in VWD. Open the page by double clicking on it in solution explorer to which you want to attach the existing style sheet in your web site. Now, switch to Design View of the page and bring up Select Style Sheet dialog by clicking on menu: Format –> Attach Style Sheet as shown below. Click the OK button and this will add a link to the Style sheet that you selected in the Select Style Sheet dialog. Now you can make use of all the styles described in this style sheet...( read more ) Read More...
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 Current Page or in an External style sheet . F12 is the short cut you can use instead of, Right Clicking fooRed and selecting “Go to Definition” action in the context menu as shown...( read more ) Read More...
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 that warnings have a green squiggle. The settings for this feature is available under Tools –>Options –>Text Editor –>HTML->Validation as shown below. If you still want your CSS...( read more ) Read More...
To absolute position any control on your designer, you select the control and then select the following menu option: Format –> Position… ->Position style ->Absolute. Sometimes you may want the controls to be absolutely positioned on the design surface as soon as you drag drop control from the tool box or as soon as you copy paste on designer. Here is how you enable this: Go to Tools –> Options –> HTML Designer –> CSS Styling And check “Change positioning to absolute for controls...( read more ) Read More...
More Posts