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

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...amework.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.

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

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

http://msdn.microsoft.com/library/de...s/gradient.asp

http://msdn.microsoft.com/library/de...er/filters.asp

Karl
--
MY ASP.Net tutorials
http://www.openmymind.net/


"Dotnet Wanderer" <DotnetWanderer@discussions.microsoft.com> wrote in
message news:DA2B343A-F0D0-41C0-9142-5222FF46A782@microsoft.com...[color=blue]
> 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:
>
>[/color]
http://msdn.microsoft.com/newsgroups...amework.aspnet[color=blue]
>
> 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.
>[/color]

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

"Dotnet Wanderer" <DotnetWanderer@discussions.microsoft.com> wrote in message
news:DA2B343A-F0D0-41C0-9142-5222FF46A782@microsoft.com...[color=blue]
> This is a call for help on how to create those beautiful looking gradient
> tool bars like this[/color]

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

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

"Karl Seguin" <karl REMOVE @ REMOVE openmymind REMOVEMETOO . ANDME net> wrote in message
news:esMWDVsyEHA.3996@TK2MSFTNGP10.phx.gbl...[color=blue]
> Well, assuming they aren't simply using images, you can achieve this using
> filters. In particular, the Gradient filter[/color]

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/de.../multidemo.asp


Derek Harmon

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

A simple look at their source code shows:

<td id="msviRegionGradient1" width="50%"
style="filter:progid:DXImageTransform.Microsoft.Gr adient(startColorStr='#FFFFFF',
endColorStr='#98B2E6', gradientType='1')"></td>


"Dotnet Wanderer" <DotnetWanderer@discussions.microsoft.com> wrote in
message news:DA2B343A-F0D0-41C0-9142-5222FF46A782@microsoft.com...[color=blue]
> 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...amework.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.
>[/color]

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

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


"Dotnet Wanderer" <DotnetWanderer@discussions.microsoft.com> wrote in
message news:DA2B343A-F0D0-41C0-9142-5222FF46A782@microsoft.com...[color=blue]
> 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...amework.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.
>[/color]