Web Parts that Maintain a Consistent Look and Feel
This content is no longer actively maintained. It is provided as is, for anyone who may still be using these technologies, with no warranties or claims of accuracy with regard to the most recent product version or service release.
A good Web Part must have a look and feel that is consistent with other Web Parts on the dashboard. The dashboard defines a set of style classes that Web Parts inherit to make sure they render with a similar look and feel. The dashboard itself also uses these styles. Do not use linked or embedded style sheets that contain these styles, because they can overwrite the style of the entire dashboard. The following table describes the style classes that the dashboard defines.
Style Class | Description |
---|---|
BODY | Specifies default text formatting and any other global styles |
P | Default text formatting |
H1, H2, H3, H4, H5, H6 | Headings within a Web Part |
TH | Table header cells |
TH.Filled | Table header cells filled with a background color |
TD | Table cells within a Web Part |
TD.Filled | Table cells filled with a background color |
a:link | Hyperlink |
a:hover | Hyperlink when mouse is over it |
a:active | Hyperlink when it has been activated |
a:visited | Visited hyperlink |
LI | List items |
INPUT | Input controls |
TEXTAREA | Text areas |
SELECT | Select (drop-down list) controls |
OPTION | Options within a select |
B, STRONG | Bold text |
I, EM | Italic text |
U | Underline text |
See Also
Developing a Digital Dashboard Using Web Parts | Guidelines for Building Good Web Parts | Informative and Customizable Web Parts | The Isolation of Web Parts from Other Web Parts | Portable Web Parts