Table of Contents

MDE Designer

Der MDE Designer ist die zentrale Konfigurationsoberfläche in Business Central, über die Sie festlegen, wie die Benutzeroberfläche der MDE 5.0 App auf den Geräten aussieht und welche Prozesse verfügbar sind. Sie erreichen den MDE Designer über die Suche in Business Central.

Grundprinzip

Die App selbst enthält keine fest einprogrammierten Masken. Stattdessen sendet Business Central bei jeder Benutzerinteraktion einen "Bauplan" (JSON-Struktur) an die App, die daraus die Oberfläche dynamisch aufbaut. Änderungen im Designer wirken sich sofort auf alle verbundenen Geräte aus – ohne App-Update.

Der Designer gliedert sich in zwei Ebenen:

  • Designer-Kopf: Definiert das übergeordnete Layout einer Maske (Auflösung, Art des Designers, Sortierung).
  • Designer-Zeilen: Definieren die einzelnen Steuerelemente auf der Maske (Textfelder, Buttons, Labels usw.).

Designer-Kopf

Code und Sortierung

Das Feld "Code" identifiziert den Designer eindeutig. Beim Start der App lädt das Gerät den Designer mit der niedrigsten Sortiernummer als Einstiegspunkt. In der "MDE Geräte Einrichtung" kann für ein bestimmtes Gerät ein abweichender Einstiegs-Designer festgelegt werden.

Höhe und Breite

Die Felder "Höhe" und "Breite" geben die Auflösung des Zielgeräts vor. Bei Geräten mit abweichender Bildschirmgröße skaliert die App die Darstellung automatisch. Werden mehrere Geräte mit unterschiedlichen Auflösungen eingesetzt, legen Sie die niedrigste vorkommende Auflösung als Basis fest.

Art

Das Feld "Art" unterscheidet zwischen zwei Typen:

Art Beschreibung
Menü Zeigt dem Benutzer eine Auswahl an Prozessen oder weiteren Menüpunkten.
Prozess Führt den Benutzer schrittweise durch einen Arbeitsablauf.
Tipp

Über "Aktionen" > "Design Vorlage" können drei Standardzeilen automatisch eingefügt werden: ein "Abmelden"-Button, ein "Zurück"-Button und ein Nachrichtenfeld für Arbeitsanweisungen oder Fehlermeldungen.


Designer-Zeilen

Die Designer-Zeilen definieren die Steuerelemente, die auf der Maske angezeigt werden.

Name

Der Name identifiziert die Zeile eindeutig und wird aus dem AL-Code heraus referenziert. Ändern Sie den Namen einer Zeile nach der Inbetriebnahme nicht mehr, da sonst die Verbindung zur Business-Logik unterbrochen wird.

Art der Steuerelemente

Art Beschreibung
Text Texteingabefeld. Dient zur Ein- und Ausgabe von Texten.
Button Auslöser für eine Aktion. Kann per Fingertipp oder Tastenkürzel ausgelöst werden.
Liste Tabellarische Darstellung von bis zu zehn Spalten.
Option Combobox mit mehreren auswählbaren Werten.
Boolean Kontrollkästchen für Ja/Nein-Eingaben.
Label Nur-Anzeige-Text. Nicht editierbar, ohne Rahmen.
Passwort Wie Text, Eingabe wird mit "*" maskiert.
Tastatur Symbol-Schaltfläche zum Öffnen der On-Screen-Tastatur.
Nachricht Textausgabe für Arbeitsanweisungen, Warnungen oder Fehlermeldungen.
Bild Anzeige eines Bildes von einem UNC-Pfad oder einer URL.
Signatur Unterschriftenfeld. Wird als Bild an BC zurückübermittelt.
Fortschrittsbalken Zeigt einen prozentualen Wert von 0–100 an.
Ampel Runder Button als farbiger Indikator.
Ton Spielt einen der drei auf dem Gerät konfigurierten Töne ab.
Kamera Ermöglicht die Aufnahme von einem oder mehreren Bildern.
Barcodescanner Öffnet die Kamera als Barcodescanner, sofern das Gerät dies unterstützt.
Webbrowser Zeigt eine Webseite oder HTML-Inhalte an.

Position und Größe

Die Felder "Höhe", "Breite", "X-Position" und "Y-Position" legen die Platzierung des Steuerelements auf der Maske fest. Bei abweichender Geräteauflösung skaliert die App die Positionen automatisch.

Die horizontale und vertikale Ausrichtung (Alignment) greift, wenn der Bildschirm größer ist als in BC konfiguriert.

Verhalten

Eigenschaft Beschreibung
Datentyp Schränkt die zulässige Eingabe ein (z. B. nur Integer). Bei ungültiger Eingabe kann der Schritt nicht abgesendet werden.
Editierbar Legt fest, ob das Feld schreibgeschützt (nur Anzeige) oder editierbar ist.
Zu validieren Markiert das Steuerelement als Auslöser für die Datenübermittlung an BC. Buttons müssen dieses Kennzeichen tragen, um einen Prozessschritt auszulösen.
Pflichtfeld Erzwingt eine Eingabe, bevor die Daten abgesendet werden.
Pflichtfeld ignorieren Ermöglicht Buttons (z. B. "Zurück") das Absenden auch ohne ausgefüllte Pflichtfelder.

Darstellung

Farben

Über die Felder "Vordergrundfarbe", "Hintergrundfarbe", "Schriftgröße" und "Schrifttyp" können Steuerelemente individuell gestaltet werden. Standardwerte sind Schriftgröße "10" und Stil "Normal". Buttons werden standardmäßig "Fett" dargestellt.

Rahmen (Border)

Für Steuerelemente kann über die Designer-Zeile ein sichtbarer Rahmen konfiguriert werden. Die Dicke und die Farbe des Rahmens lassen sich unabhängig voneinander einstellen.

Piktogramme

Labels und Buttons unterstützen die Anzeige von Piktogrammen. Wird in der Designer-Zeile ein Piktogramm angegeben, entspricht dieser Eintrag dem Dateinamen der zugehörigen SVG-Datei (ohne Pfadangabe).

Die SVG-Dateien müssen im unitop-MDE-Ordner auf dem Gerät abgelegt werden. Die App verschiebt sie beim Start automatisch an einen internen Speicherort. Wird beim Laden kein passendes Piktogramm gefunden, zeigt das Steuerelement stattdessen den in der Designer-Zeile hinterlegten Standard-Wert ("Default Value") an.

Hinweis

Eine automatische Synchronisation der Piktogramme aus Business Central ist in dieser Version noch nicht implementiert. Die SVG-Dateien müssen manuell auf den Geräten bereitgestellt werden.

Tastenkürzel

Im Feld "Tastenkürzel" können Buttons bestimmte Tastencodes auf dem Gerät zugeordnet werden. Nutzen Sie die Lookup-Funktionalität zur Auswahl des gewünschten Codes.

Prozessbeziehungen

Das Feld "Prozessbeziehungen" zeigt die Anzahl der hinterlegten Prozessverbindungen für ein Steuerelement an. Per Klick auf die Zahl öffnet sich die Liste aller Beziehungen.

Um einen Button mit einer BC-Aktion zu verknüpfen, hinterlegen Sie in der Prozessbeziehung mindestens eine "Prozess-ID" und eine "Codeunit".

  • Menü → Menü: Füllen Sie ausschließlich das Feld "Nächster Designer Kopf Code".
  • Menü → Prozess: Füllen Sie "Prozess-ID" und "Codeunit". Ein Menü-Button darf nur eine Prozessbeziehung haben.
Hinweis

Designer können für mehrere Prozesse wiederverwendet werden. Ein "Zurück"-Button leitet den Benutzer je nach aktiver Prozess-ID automatisch zum passenden Vorschritt zurück.


Übersetzungen in andere Sprachen (Text-Code)

MDE Text Codes dienen als Platzhalter für übersetzte Texte auf den Steuerelementen.

Feld Beschreibung
Code Eindeutige Identifikation des Textes am MDE-Gerät.
Beschreibung Interne Beschreibung, nur zu Informationszwecken.
Anzahl Übersetzungen Anzahl der hinterlegten Sprachvarianten für diesen Text.

Hinterlegen Sie einen MDE Text Code im Feld "Vorgabewert" einer Designer-Zeile. Über die Zahl "Anzahl Übersetzungen" in der Informationsbox "MDE Designer Zeileninformation" springen Sie direkt in die Übersetzungsverwaltung.

Aktuell verfügbare Sprachen in der App:

  • Deutsch
  • Englisch

Weitere Sprachen können ohne App-Update hinzugefügt werden, indem eine xliv-Datei mit den Übersetzungen durch den Administrator auf dem Gerät installiert wird.


Hervorhebung des Arbeitsvorrats

Menüpunkte können farbig hervorgehoben werden, um dem Benutzer anzuzeigen, dass offene Aufgaben vorliegen (z. B. eine zugewiesene Kommissionierung).

In der "MDE Einrichtung" stehen unter "Hervorhebung der anstehenden Arbeiten" drei frei konfigurierbare Farbwerte zur Verfügung ("Hervorhebungslevel 1–3"). Die Bedeutung der Levels wird projektspezifisch definiert.

Für Test- und Demozwecke kann über die Hinterlegung der Codeunit 5021652 im Feld "Hervorhebung Berechnung Codeunit" einer Designer-Zeile ein zufälliger Hervorhebungswert generiert werden.