Web-Entwicklung mit der Oracle HTML DB

SELFHTML aktuell Artikel Projektverwaltung Web-Entwicklung mit der Oracle HTML DB
	Web-Entwicklung mit der Oracle HTML DB
	Layout Theme wechseln Zurück zum Artikel

Layout Theme wechseln

Die Darstellung der einzelnen HTML DB Komponenten ist vollständig durch Vorlagen (Templates) getrieben. Um ein konsistentes Look & Feel zu erreichen ist es daher wichtig, dass alle verwendeten Templates für Berichte, Seiten oder Regionen zueinander passen. Wenn man das Look & Feel der Anwendung bspw. von Rot nach Blau ändern möchte, so muss man alle verwendeten Templates einzeln austauschen. Um dies zu vereinfachen, wurde in der neuesten HTML DB Version ein eigener Mechanismus eingeführt, die HTML DB Themes.

Ausgangspunkt - die erste Seite der bestehenden Anwendung

Ausgangspunkt ist die bestehende Anwendung. Deren Look & Feel soll geändert werden. Klicken Sie dazu in der Developer Toolbar auf "Anwendung bearbeiten".

Application Builder - Homepage

Die Einstellungen zum Layout einer Anwendung befinden sich bei den "Gemeinsamen Komponenten".

Gemeinsame Komponenten

"Gemeinsame Komponenten" können von jeder Seite einer Anwendung genutzt werden. Unter anderem finden sich hier auch die Einstellungen zu "Themes und Templates".

Übersicht über die vorhandenen Themes

Ein Theme ist eine Sammlung von Templates, die zusammengenommen ein konsistentes Look & Feel ergeben. Soll beispielsweise das Look & Feel einer Anwendung in rot gehalten sein, so müssen alle verwendeten Templates ebenfalls in rot gehalten sein; ein in blau gehaltenes Berichts-Template würde das Look & Feel beeinträchtigen.

Hier sehen Sie die bereitstehenden Themes. Da nur ein Theme verfügbar ist, müssen Sie zunächst ein neues erstellen. Klicken Sie also auf "Theme erstellen".

Theme erstellen: völlig neu oder aus dem HTML DB Repository

Sie können ein Theme entweder völlig neu erstellen oder eines aus dem HTML DB Repository übernehmen. Für ein völlig neues Theme müssen Sie vorher die einzelnen Templates, aus denen das Theme bestehen soll, erstellt haben. Dann ordnen Sie diese dem Theme einfach zu. Die HTML DB bringt allerdings bereits eine Reihe von vordefinierten Themes mit. Wenn Sie "Aus dem HTML DB Repository" anklicken, können Sie eines davon in Ihre Anwendung übernehmen.

Themes aus dem HTML DB Repository

Wählen Sie ein Theme aus.

Ausgewähltes Theme bestätigen

Bestätigen Sie nochmals Ihre Auswahl.

Das Theme wurde in die Anwendung übernommen

Hier ist sichtbar, dass das Theme nun für die Anwendung verfügbar ist. Das "aktuelle" Theme wurde jedoch noch nicht geändert. Um dies zu erreichen, klicken Sie auf "Theme wechseln".

Aktuelles Theme für die Anwendung auswählen

Wählen Sie das Theme, zu dem Sie wechseln möchten aus. Die Auswahlliste enthält nur die gerade verfügbaren Themes.

Kompatibilitätsprüfung für das neue Theme

Die HTML DB prüft nun, ob das ausgewählte Theme auf Ihre Anwendung angewendet werden kann. So können bspw. Templates für Berichte fehlen. Da Ihre Anwendung aber Berichte enthält, wäre es dann nicht kompatibel zu Ihrer Anwendung. In diesem Fall ist aber alles in Ordnung - Ihre Anwendung kann das Theme nutzen.

Nochmalige Bestätigung

Bestätigen Sie den Vorgang nochmals.

Ergebnis: Anwendungsseite mit dem neuen Look & Feel

Sie sehen, dass das Look & Feel nun komplett anders ist. Alle Komponenten der Anwendung nutzen aufeinander abgestimmte Templates.