user css

Anpassung mit css

Da AvNav eine Web-Anwendung ist (single page app mit reactjs) kann man das Aussehen weitgehend mit CSS anpassen.

Die dafür vorgesehene Datei user.css befindet sich wie die Datei user.js im BASEDIR/user/viewer Verzeichnis (BASEDIR ist /home/pi/avnav/data auf dem Pi).

Über die Files/Download Seite und die Unterseite kann man die Datei direkt bearbeiten.

Durch Klick auf die Datei und Auswahl von "Edit" kann die Datei bearbeitet werden. Bei der Installation wurde ein Template eingebracht, das ein Beispiel enthält.

Eine sinnvolle Vorgehensweise ist die Nutzung der Developer Tools (Chrome, Firefox,...), die Auswahl des Elementes, das angepasst werden soll und ein Test der Änderungen in den Tools.

Anschliessend kann man die Werte in die user.css Datei übernehmen und durch Neu-Laden der AvNav Seite testen.