473,385 Members | 1,661 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

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.

Nov 18 '05 #1
5 4470
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" <Do************@discussions.microsoft.com> wrote in
message news:DA**********************************@microsof t.com...
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.

Nov 18 '05 #2
"Dotnet Wanderer" <Do************@discussions.microsoft.com> wrote in message
news:DA**********************************@microsof t.com...
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
Nov 18 '05 #3
"Karl Seguin" <karl REMOVE @ REMOVE openmymind REMOVEMETOO . ANDME net> wrote in message
news:es**************@TK2MSFTNGP10.phx.gbl...
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/de.../multidemo.asp
Derek Harmon
Nov 18 '05 #4
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" <Do************@discussions.microsoft.com> wrote in
message news:DA**********************************@microsof t.com...
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.

Nov 18 '05 #5
Here's an interesting page:
http://msdn.microsoft.com/workshop/s...o/DXTidemo.htm
"Dotnet Wanderer" <Do************@discussions.microsoft.com> wrote in
message news:DA**********************************@microsof t.com...
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.

Nov 18 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Woody Splawn | last post by:
I have a webform where I would like to have the background color for the webform be a gradient in blue. How do I do this? What is the easiest way? What is the way most used by other developers? ...
13
by: Crirus | last post by:
The main ideea: I havea 513x513 array of values....I draw a sort of map using that values for colors... so I have a realistic lanscape (map). I want to zoom about 60 times that map...and the...
0
by: Don | last post by:
I'm making a custom control that has a multiline textbox on it. I want to make the textbox have a gradient background. On my custom control's Paint event I call a routine that draws a gradient on...
11
by: Maximus | last post by:
Hi all, Has anyone been able to reterive the gradient selection colors used in outlook 2003? Basically, I have a grid showing a list of records and my client wants the selected row to have the...
0
by: Dan Baumbach | last post by:
I'm working on a toolbar for IE. I have everything working well but I'm unable to get the toolbar to have the same gradient background under XP that other toolbars on IE have. To start with, I...
4
by: Jon Slaughter | last post by:
I'm drawing a linear gradient and its very "banded". The colors are far enough part that it should be plenty smooth enough but I always get the same number of bands regardless. I've tried to set...
2
by: moondaddy | last post by:
How do I make a background gradient diagonal instead of just horizontal or vertical? This makes the standard horizontal gradient. progid:dximagetransform.microsoft.gradient(gradienttype=1,...
6
by: moondaddy | last post by:
I want to fill the entire background of a page with a gradient. As a test, I first filled with a solid color like this: <body style="background-color: #ccffff;" > and the entire page was this...
9
by: Eric Lindsay | last post by:
How do you provide a consistent gradient fill as a background in a liquid layout? If I make a gradient fill image say 1000 pixels wide (and repeat it down the page) to suit a typical computer...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.