Touchscreen-Inferface-Anpassung

Viele Hersteller legen großen Wert auf ihr eigenes Branding. Deshalb bieten wir Druckerherstellern die Möglichkeit, die optimierte Touchscreen-Oberfläche mit ihren eigenen Farben, Texten, Optionen und Bildern selbst anzupassen.

In Installationsverzeichnis\modules\front\www findest du drei Vorlagen für 1024×600, 1024×800 und 1280×800 Pixel.

Wichtig: Kopiere eine Vorlage in einen neuen Modulordner, da die bestehende Vorlage bei jeder Aktualisierung überschrieben wird!

In diesem Beispiel erstellen wir ein neues Frontend-Modul, das wir MeinFrontend nennen.

  1. Gehe zum Ordner Installationsverzeichnis\modules.
  2. Erstelle den Ordner MeinFrontend und öffne diesen Ordner.
  3. Erstelle die Ordner lua und www. Der Ordner lua bleibt leer.
  4. Kopiere die folgenden Vorlagenordner in deinen neuen www-Ordner:
    Installationsverzeichnis\modules\front\www\1024×600
    Installationsverzeichnis\modules\front\www\fonts
    Installationsverzeichnis\modules\front\www\js

Jetzt kannst du dein neues Frontend unter dieser URL aufrufen:http://localhost:3344/mod/MeinFrontend/1024×600/index.html

Öffne deinen Ordner Installationsverzeichnis\modules\MeinFrontend\1024×600. Hier kannst du die HTML-Dateien anpassen, eigene Bilder einstellen und Farben, Schriftgrößen, … in den CSS-Dateien anpassen.

Für CSS verwenden wir Less, daher musst du nur die Datei variables.less im less-Ordner anpassen. Dann kompilierest du die Datei panel.less in Installationsverzeichnis\modules\MeinFrontend\1024×600\css. Für eine einfache Nutzung kannst du eine Less-GUI-Kompilierung wie WinLess verwenden, wenn du Windows verwendest.

Wenn du noch mehr ändern willst, kannst du auch die HTML-Dateien und JavaScripts ändern. Unsere Beispiele verwenden AngularJS. Dies macht es einfach, zusätzliche Änderungen zu programmieren.

In unseren Dokumentationen findest du weitere Informationen zur Nutzung unserer API, um neue Funktionen hinzuzufügen.

 Wichtig

Die Touchscreen-Oberfläche auf dem 3D-Drucker darf nur in Verbindung mit der lizenzierten Pro- und OEM-Version von Repetier-Server genutzt werden, eine Umgehung durch Plugins oder eigene Programmierung ist untersagt. Die von Repetier-Server erstellten Touchscreen-optimierten Oberflächenvorlagen dürfen nur zur Erstellung eigener Brandings verwendet werden.