Click here to Skip to main content
Click here to Skip to main content

Simple WebControl to display Unicode tables

, 21 Sep 2004
Rate this:
Please Sign up or sign in to vote.
Whenever you need a Unicode character, drop this control on a form.

\u2536

Introduction

Ever wondered how the Unicode table looks like? Ever needed a special graphical character to simplify your graphical design? Want to know which alphabets are registered with your font?

Then here is a simple control that you may drop on a Web page to find it out!

Using the code

This code has been done with minimum effort. You will find inside neither comments, nor descriptions or designer attributes.

To register it on the Toolbox, download the code and expand in a new folder, create a blank solution, include this project, and build. Then create (or use) a Web application, go to the main form (just to have the Toolbox enabled), open the General tab and right-click inside. From the pop-up menu, click the Add/Remove Items... Then, click the Browse button and navigate to the Codes.dll file (in a folder like .../Bin/Debug). Select that file, accept, and the control should come alive in the Toolbox.

Properties

To simplify the usage of the control, I have considered the long time it needs for rendering the entire page. I have added so, properties to limit the number of columns and rows: ColFrom, ColTo, RowFrom and RowTo with defaults from 0 to 255 (including).

There is also a property for generating hints. When selected, this option produces a link to each char in the table with a tool tip showing the Unicode in the form \u2725. You may want to deactivate it when you desire to print the table on printer. Then, I suggest using also ColFrom and ColTo for limiting the table in the page-width limits.

How it works

Excepting properties and their defaults, the entire code is written in the Render overridden method. Here, I'm just generating a table with a header displaying the lower byte of the Unicode, and the first column - the higher byte.

Worth mentioning that in order to place the table at run time in the same position as at design time, I had to include code to generate the style of the table:

output.Write("<Table style=\"Z-INDEX: 107; POSITION: absolute; "+
  "LEFT: "+Style["LEFT"]+"; TOP: "+Style["TOP"]+
  "\" border=\"0\" cellspacing=\"2\" cellpadding=\"2\" bgcolor" + 
  "=\"Lime\" ID="Table1"><TR><TD> </TD>");

And finally, to generate the content of each cell - with or without hints - the code is:

output.Write("<TD bgcolor=\"White\">");
if (DoHints)
  output.Write(string.Format("<A HREF=\"\" TITLE=\"\\u{0:x2}{1:x2}\">{2:c1}" +
                             "</a></td>",i,j,(Char)(256*i+j)));
else
  output.Write(string.Format("{0:c1}</td>",(Char)(256*i+j)));

Enjoy!

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here

Share

About the Author

Horia Tudosie
Web Developer
Canada Canada
Horia Tudosie is Master of Sciences from the Polytechnic University of Bucharest - Computer Sciences.
Horia came in Canada in 1994 and works in US since 2003.
He was working with various peculiar languages as Delphi and Forth, but mainly with C, C++ and C#.

Comments and Discussions

 
QuestionIt's usefull,but Pinmembervzoltan28-Jul-08 3:23 
GeneralCodes.html PinmemberViktor Sklyar11-Apr-06 23:45 
GeneralRe: Codes.html PinmemberHoria Tudosie12-Apr-06 4:46 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.141220.1 | Last Updated 21 Sep 2004
Article Copyright 2004 by Horia Tudosie
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid