Design-Einstellungen

Gestalte X-Sitter mit deinem eigenen Logo, Icon, Anzeigenamen und deinen Farben – für dein Team und deine Mandanten.

Mit den Design Einstellungen passt du X-Sitter an dein Corporate Design an: dein Logo, ein kleines Icon, dein Anzeigename und die Farben der Seitenleiste und der oberen Navigation. Auch deine Mandanten sehen X-Sitter in deinem Design – sie bekommen beim Login automatisch das Design ihres Logistikers.

Bevor du startest

  • Dein Benutzer braucht das Recht Firmen Einstellungen › Design Einstellungen. Frag deinen Administrator.
  • Halte dein Logo und dein Icon als JPG, PNG oder SVG bereit. Für das Icon eignet sich am besten eine kleine quadratische Grafik.

Schritt für Schritt

  1. Öffne Firmen Einstellungen › Design Einstellungen.
  2. Klicke unter App Logo auf Logo auswählen und wähle deine Logodatei.
  3. Klicke unter App Icon auf Icon auswählen und wähle das Icon. Es wird angezeigt, wenn die Seitenleiste eingeklappt ist.
  4. Trag einen Display Name ein, z. B. deinen Firmennamen.
  5. Trag die Sidebar, Topnav- Hintergrundfarbe und die Schriftfarbe der Menüs ein. Das kleine Kästchen neben jedem Feld zeigt eine Vorschau der Farbe.
  6. Klicke auf Speichern. Du siehst „Die Einstellungen wurden gespeichert“.

Felder und Optionen

Feld Bedeutung
App Logo Dein Logo in der Seitenleiste. JPG, PNG oder SVG.
App Icon Kleines Icon für die eingeklappte Seitenleiste (Für die verkleinerte Sidebar). JPG, PNG oder SVG.
Display Name Name, der in der App statt „X-Sitter App“ angezeigt wird.
Sidebar, Topnav- Hintergrundfarbe Hintergrundfarbe der Seitenleiste und der oberen Leiste. Trag einen Farbcode ein, z. B. #104148 (Standard).
Schriftfarbe der Menüs Schriftfarbe der Menüeinträge, z. B. rgba(255, 255, 255, 0.5) (Standard).

Gut zu wissen

  • Das Design gilt für deine Firma und für alle deine Mandanten. Mandanten können kein eigenes Design festlegen.
  • Nachdem sich ein Benutzer einmal angemeldet hat, zeigt auch die Login-Seite in diesem Browser dein Logo und deine Hintergrundfarbe.
  • Änderungen werden für andere Benutzer beim nächsten Login sichtbar.
  • Wähle eine Schriftfarbe mit genug Kontrast zur Hintergrundfarbe, damit das Menü lesbar bleibt.