CSS

Beschreibung

Anstatt mit den parametern ist es auch möglich die Baseportal eigene Ausgabe der Datenbank mit CSS im Aussehen zu verändern. Mit dem Parameter class=Name werden alle direkte Formatierungen entfernt und das Aussehen kann nun mit einem eigenen CSS Block, der vor dem Aufruf von <do action=…> im Template notiert wird angepasst werden.

Es gibt folgene Namen für direkten zugriff auf die Elemente:

Name	Beschreibung
Name	Die gesamte Ausgabe (mit class= angegebener Name)
menu	Alles, Ändern, Details....
page	0, 10, 20...
index	Die zusätzliche Index Reihe
arrows	|<, <, >, >|
button	Buttons
selected	Momentan gewählte Button
spacer	Abstand zwischen den Buttons
line	Linie unter den Buttons
form	Ändern und Neu Formular
search	Suchen Formular
detail	Detailansicht
list	Listenansicht
data2	Jede zweite Zeile in der Listenansicht
Action,Id...	Die Spalten (bzw. Zeilen) sind über den Feldnamen ansprechbar
text	besondere Texte in der Ausgabe

Natürlich ist es zusätzlich auch möglich Elemente über die Tag Namen zu erreichen. So würde man z.b. mit.

.list th {color: red;}

die Schriftfarbe der Feldnamen bei der Listenausgabe in Rot ändern.

Falls Felder Sonder- oder Leerzeichen enthalten werden diese für den CSS Namen in _ gewandelt.
Achtung! Das ansprechen, der Spalten über die Feldnamen wird von manchen Browsern zur Zeit recht eigenwillig interpretiert.

Alle anderen Parameter die das Aussehen bestimmen verlieren beim nutzen von class=<class> ihre Wirksamkeit. Eine Ausnahmen bilden dabei padding=<zahl> und spacing=<zahl> die Aufgrund fehlender Browserübergreifende CSS alternativen immer noch erhalten bleiben.

Beispiel

Dieser Code führt z.B. zu dem gewohnten baseportal-Aussehen:

<style>
table, p, body {font-family: arial, helvetica, 'Sans Serif'; font-size:10pt;}
body {color:#000000; background-color:#FFFFFF;}

a {text-decoration:none; color:#0000F0;}
a:hover {color:#d00000;}

.line {background-color:#C0D0F0; height:5px;}
.button {font-size:10pt; text-align:center; background-color:#E0E0E0;}
.selected {font-size:10pt; text-align:center; background-color:#C0D0F0; font-weight:bold;}
.spacer {width:3px;}

.list, .detail {background-color:#F0F0F0;}
.list th, .detail th,  .form th, .search th  {font-weight:normal;}
.list th, .detail th {background-color:#C0D0F0}
.search th, .form th, .detail th {text-align:right;}

.data2 {background-color:#E0E0E0}
.Aktion {font-size: 10px;}
</style>

<do action=all class=db>