Arrows available in Wingdings 3

Let me show you another good use of applying the trick I've posted earlier, when I wrote the "how-to" for making .NET password field to look more like an XP password field – the trick is done by playing with Fonts.

Now, let's play with fonts even more to have our UI some "arrows" displayed on form without the need to use any arrow-image and/or arrow icons. See the screen-shot below for possible use:



The form above has button displaying up and down arrows, and using the same trick, the arrow buttons doesn't used any images. It is setup using the characters small letter H ('h') and small letter I ('i') with it's font set to Wingdings 3.

Here's the steps in making up arrow button:

1. Add a button
2. Set the button's font to Wingdings 3.
3. Set the Text property to small letter H ('h').

And here's the steps in making the down arrow button:

1. Add a button
2. Set the button's font to Wingdings 3.
3. Set the Text property to small letter I ('i').

In case you might need different arrows, other than up and down arrows, or you want different styles of arrows, here's a small list I've come up which are available arrows inside Wingdings 3:

Play around with the font even more, and you'll see that there are more arrows you can choose from.

Have fun coding your UI!

Cheers,

-chris

Published 09-22-2006 12:50 AM by cvega
Filed under:

Comments

# re: Arrows available in Wingdings 3

Thursday, September 21, 2006 10:51 PM by rdagumampan

even visual studio uses these fonts and other for its tab dialogs and windows. I think its VisualUI font if am not mistaken.

# re: Arrows available in Wingdings 3

Thursday, September 21, 2006 11:10 PM by bonskijr

you can also use the Marlett font as Windows does (the min, max, close among others) icons