Using Style Sheets with DBApps

Using Style Sheets with DBApps - Single Entry

This document explains how to integrate style sheets with a single entry (or record) in a DBApp. The DBApps can be modified through various unique selectors, which are explained below. It is assumed that the reader is familiar with style sheets and DBApps.

Below is a diagram which illustrates style sheet selectors with their corresponding elements:

Below is the style sheet that was used for the table above. Feel free to copy and modify it.

BODY {
	background-color: #CCF;
}

TR.field_row {
	margin-bottom: 10px;
}

TD.field_header {
	background-color: #EEF;
	text-align: right;
	margin-left: 1em;
}

TD.field_header_big {
	background-color: #EEF;
	text-align: left;
}

SPAN.field_header {
	font-weight:bold;
	margin-right: .5em;
}

TD.field_value_big {
	width:	30em;
	padding: 1em;
	font-size: smaller;
}

Please post questions regarding style sheets and DBApps on the WebApp Forum.

Back to Using Style Sheets with the DBApps