I'm Envious of the nice ASP.NET gradient toolbars

[Guest]

Hello Friends,

Its time for me to show how cool UI can be in .NET.

This is a call for help on how to create those beautiful looking gradient
tool bars like this site:

http://msdn.microsoft.com/newsgroups/default.aspx?dg=microsoft.public.dotnet.framework.aspnet

I would appreciate any directions on how can I find information on these.

A lot of thanks in advance to asp.net gurus,

E.V.

 

[Karl Seguin]

Well, assuming they aren't simply using images, you can achieve this using
filters. In particular, the Gradient filter:

http://msdn.microsoft.com/library/d.../author/filter/reference/filters/gradient.asp

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/filter/filters.asp

Karl

 

[Derek Harmon]

This is a call for help on how to create those beautiful looking gradient
tool bars like this

Do you mean an HTML <table> tag with a class attribute that points to a
CSS class containing a style rule like,

background-image:url(./images/bgGradient.gif);

where bgGradient.gif is a 1-px wide strip with a vertical gradient fill?


Derek Harmon

 

[Derek Harmon]

Well, assuming they aren't simply using images, you can achieve this using
filters. In particular, the Gradient filter

Always cool, but not very cross-browser compatible.

Just for completeness, in IE 5 and later you can also use VML to
do gradient fills,

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/vml/shape/examples/multidemo.asp


Derek Harmon

 

[Scott M.]

A simple look at their source code shows:

<td id="msviRegionGradient1" width="50%"
style="filterrogidXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF',
endColorStr='#98B2E6', gradientType='1')"></td>

 

[Scott M.]

Here's an interesting page:
http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm