Special Topic - Display Modes & Skins
Display is a big part of any Web Applications. Tornado Display has many
options for all operations including Style control.
Database records can generally be displayed in several formats -
- Grid format to tabulate the data or to provide data charting.
- Form or Page format to list the details of the active
record.
- The above with data as Graphics.
Many web database report generating products provides just a grid
display. This kind of products exists since the first generation ASP days
and most of them are out of business. Now, there are many similar ones
surface again under the DotNet umbrella and we do not expect them to last
very long. After all, the Visual Studio.Net offers free grid controls that
can out perform many of this 'grid products'. Tornado offers an unlimited
amount of display modes via it's template feature. There are 14
pre-programmed display templates -
- Grid (Master records)
- Form (Details of one record)
- Dual (Grid up, Form down)
- Dual-Horiz (Grid left, Form
right)
- Both (Grid and Form in separate
screen)
- SBoxForm (Select Box and Form)
- SBox (Select Box only).
-
Grid-Chart (Grid left, Chart
right)
- Grid-Filter (Grid left, Filter
right)
- Grid-Update (Grid left, Update
right)
- Grid-Add (Grid left, Add right)
- Grid-RowEdit (Grid-Delete left,
Update right)
- Grid- Snake (Multiple Columns
Grids)
- Dual Snake (Multiple Columns
Grids - Multiple Columns Fields)
- There are 43 built-in
skin type. Click on the link to see the style.
- Obj.dbSkin = Style_Name
- Learn how to build your own Css - Tornado Skin Tutorial
How can I change the font type of a skin?
- Locate the target skin type and style.css file.
- Make a backup of the file
- Open the style.css file with notepad and modify the font properties
(name, size, color, weight) for appropriate classes.
- Modify the following accordingly -
GH (GridHeader)
FL (FormLabel)
R1 (Row Strip1)
R2 (Row Strip2)
C1 (Column Strip1)
C2 (Column Strip2)
CS (ColSelected)
SE (selected)
CF (ColFixed)
| Allows Align |
Not Allow Align |
- C1 (ColStrip1)
- C1F (ColStrip1_flat)
- C2 (ColStrip2)
- C2F (ColStrip2_flat)
- CC1
- CC2
- CM (Comment)
- CMF (Comment_flat)
- CF (ColFixed)
- CFF (ColFixed_flat)
- CS (ColSelected)
- CSF (ColSelected_flat)
- NAS
- NB
- NR (Normal)
- NRF (Normal_flat)
- NT (Notes)
- NTF (Notes_flat)
- SS (ScriptStyle)
- SSF (ScriptStyle_flat)
- R1 (Rowstrip1)
- R1F (RowStrip1_flat)
- R2 (RowStrip2)
- R2F (RowStrip2_flat)
- SE (selected)
- SEF (selected_flat)
- TS (tablestyle)
- TSF (tablestyle_flat)
|
- CH (chrome) already right
- CHF (chrome_flat) already right
- EH (ErrorHeader) already center
- EHF (ErrorHeader_flat) already center
- FL (FormLabel) already right
- FLF (FormLabel_flat) already right
- GH (GridHeader) already center
- GHF (GridHeader_flat) already center
- IC (IndexCell) already center
- ICF (IndexCell_flat) already center
- TL1 already left or center
- TL2 already left or center
|
| Color styles for magic cell and any color tags |
|---|
Class=StyleName
- Aqua
- Beige
- Black
- Blue (np)
- Brown
- Chocolate
- Crimson
- DarkBlue (np)
- DarkCyan
- DarkKhaki
- DarkViolet
- DeepPink
- DeepSkyBlue
- Gold (np)
- GoldenRod
- Gray
- Green (np)
|
- GreenYellow (np)
- Khaki
- LightBlue
- LightCoral
- LightGrey
- LightGreen
- LightSalmon
- LightSeaGreen
- Lime
- Magenta
- Olive
- Orange
- OrangeRed
- PaleVioletRed
- PeachPuff
- Pink
- Purple
|
- Red
- RoyalBlue
- SaddleBrown
- Salmon
- SandyBrown
- SeaGreen
- Silver
- SkyBlue
- SlateGray
- SteelBlue
- Teal
- Tomato
- Violet
- White
- Yellow (np)
Note: (np) = non-proportional font |
Send comments on this topic.
Copyright (c) 1998-2006 ASP-db