Kundenspezifische Anpassungen
Die WebSolution erlaubt Ihnen Anpassungen vorzunehmen. Die Bereiche die im Moment angepasst werden können, sind limitiert auf
das Logo und die Kontakt Seite. Anpassungen sind via Konfigurationsfile resp. durch austauschen des momentanen Logos vorzunehmen.
Sie können das Logo auf der Login Seite durch Ihr eigenes ersetzen. Das Logo finden Sie im Directory
<Drive>\ProgramData\Topal Solutions AG\TOPAL\WebApp\Settings. Logo Name ist companyLogoBig.png
Ersetzen Sie dieses Logo durch Ihr eigenes.
Ihr Logo sollte Abmessungen von ca. 1100 x 360px haben und einen transparenten Hintergrund ausweisen.
Anpassung der Kontakt Seite
Die Änderungen sind via Konfigurationsfile (contact.json) vorzunehmen. Bei dem Konfigurationsfile handelt es sich um eine Textdatei im JSON Format.
Das verwendete JSON Format ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen
Anwendungen (siehe Abschnitt
JSON).
Sie finden das Konfigurationsfile im Directory <Drive>\ProgramData\Topal Solutions AG\TOPAL\WebApp\Settings auf Ihrem Rechner.
Vornehmen von Anpassungen
Das Konfigurationsfile ist in verschiedene Bereiche unterteilt, die durch eine Referenz bestimmt ist (z.B. address, email etc.)
Sie können hier Ihre Änderungen vornehmen.
Beispiel des Kontakt Konfigurationfiles
{
"site": "www.topal.ch",
"email": "info@topal.ch",
"description": {
"title": "Topal Solutions AG",
"text": "Seit 30 Jahren unterstützen wir kleinere und mittlere Unternehmen (KMU) aktiv mit qualitativ hochstehenden und zielgerichteten Dienstleistungen.
Unsere Haupttätigkeiten sind Buchführung, Steuerberatung und Unternehmensberatung sowie aktive Begleitung bei Nachfolgelösungen."
},
"address": "<b>Topal Solutions AG<\/b><\/br>Grabenwisstrasse 3<\/br><\/br>8604 Volketswil",
"phone": "062 915 87 00",
"map": {
"lat": 47.383177,
"lng": 8.668677,
"label": "M",
"hint": "Topal Solutions AG, Grabenwisstrasse 3, 8604 Volketswil"
},
"businessHours": [
{
"days": "Mo–Do:",
"hours": [
"08:00-12:00",
"13:00-17:00"
]
},
{
"days": "Fr:",
"hours": [
"08:00-12:00",
"13:00-16:00"
]
}
],
"theme": "topal-main-theme",
"theme-list": [
"topal-main-theme",
"topal-dark",
"topal-gray-blue-theme",
"topal-gray-blue-gray-theme",
"topal-blue-amber",
"topal-blue-deep-purple",
"topal-blue-gray",
"topal-blue-orange",
"topal-blue-gray-blue",
"topal-red-gray",
"topal-brown-gray",
"topal-brown-amber",
"topal-green-teal",
"topal-green-blue",
"topal-teal-gray",
"topal-teal-orange",
"topal-purple-yellow",
"topal-light-blue-deep-purple",
"topal-light-blue-indigo",
"topal-indigo-gray",
"topal-deep-purple-gray"
]
}
Topal Themes erlaubt Ihnen das Farbschema der WebSolution aus einem Set von vordefinierten Farbkombinationen anzupassen. Das konfigurierte Farbschema(Theme)
ist Applikations - Global und kann nicht benutzerspezifisch konfiguriert werden.
Um das Farbschema anzupassen kann aus der oben gezeigten Liste von Farbkombinationen gewählt werden. Um die ein Theme anzupassen,
ist der Farbtext dem Theme Tag (oben -
Fett) zu hinterlegen.
Die Farbkombinationen sind im Kapitel
Themes aufgezeigt.
Die JavaScript Object Notation (JSON), ist ein kompaktes Datenformat in einer einfach lesbaren Textform zum Zweck des Datenaustauschs zwischen Anwendungen.
JSON aber unabhängig von der Programmiersprache. Parser existieren in praktisch allen verbreiteten Sprachen.
HTML Tags in JSON File
Das JSON File Format erlaubt Ihnen nebst Textangaben auch HTML Elemente hinzuzufügen. Mit diesen Elementen können Sie das aussehen respektive die
Darstellung beeinflussen.
Bemerkung:
Grundsätzlich sind in JSON Files alle Unicode - Zeichen erlaubt. Es ist aber auch so, dass gewisse Zeichen nicht interpretiert werden können.
Aus diesem Grund ist es notwendig ein Escaping vorzunehmen. Escaping dient dazu, dem Programm mitzuteilen, dass ein spezial Zeichen folgt.
Hier am Beispiel der Adresse:
"address": "<b>Topal Solutions AG<\/b><\/br>Grabenwisstrasse 3<\/br><\/br>8604 Volketswil" - diese Zeile wird korrekt interpretiert.
Das Zeichen / in </br> kann so nicht interpretiert werden und ist mit einem Backslash (\) zu versehen (Escaping).
