|
|
ShowTheBest.ComInteractive tables on your web pages |
Styles are a convenient way to specify formats (here are some nice examples). ShowTheBest supports styles in the Interactive Table -- in widgets, labels, and in the results.
You can easily specify styles in a ShowTheBest header: just make your own headerfile.txt and link to the CSS file in the header tag. For example:
<head>
<!-- Styles for STB -->
<link rel="stylesheet" href="../styles/myStyleSheet.css" type="text/css">
</head>
By default, the ShowTheBest stylesheets are in the styles subdirectory in webpages. But if you make your own header, the style sheet can be anywhere. Our suggested "style" is to name the stylesheet after the Interactive Table Directory.
ShowTheBest specifies styles for A:link, A:visited, and A:hover. All other styles are defined in terms of CSS classes. There are classes for the LocalTime label, the ShowTheBest button, and the rows and columns of the dialog table (of widgets), and the database table (of results). For example, here is an excerpt of the HTML source of a ShowTheBest.Com Interactive Table web page:
Note that all labels (ie, valWidgetLS3) and widgets (ie, valWidgetS3 ) have their own style class. You can redefine any style class to any format you want in your ShowTheBest style sheet:
So for example, note that there are 14 fields: ShowTheBest.Com creates references for (at least) 14 classes. You can customize the format for each field label and widget and column. Or leave them undefined. For formatting ideas, look at and modify the ShowTheBest style files that are included in the syles folder.
Also note that ShowTheBest provides two classes for the database output rows:
DBVector and
DBVectorAlt
. This lets ShowTheBest create a "dynamic
style" -- two different styles for successive database rows. This improves user
readability.
If you do not specify a header file, ShowTheBest generates its own and includes a styles file that depends on whether the weights and values need to be displayed and whether the Case Database fields are across the columns or rows.
The names of the default ShowTheBest.Com style sheets are:
© 2002 Inductive Solutions, Inc. All Rights Reserved.