Gestalten einer View mit Layouts in edoc automate

Sie können Views einer App in edoc automate mit einem Layout gestalten und zusätzliche Inhalte (Stylesheet, JavaScript usw.) anhand eines Layouts einbetten.

Diese Möglichkeiten haben Sie:

Globales Layout für alle Views einer App: Sie können das Layout für alle Views unter App-Details mit dem Button Layout bearbeiten.
Individuelles Layout einer View: Sie können eine einzelne View im View-Tab mit dem Button Layout bearbeiten.

Wenn eine View ausgeführt wird, wird die gerenderte View in das Layout der View geladen. Der Inhalt wird im Anschluss in das globale Layout geladen. Layouts können somit verschachtelt werden.

Mit dem Layout einer einzelnen View können Sie mit html-Tags verhindern, dass die View das globale Layout verwendet.

Verwenden Sie den Platzhalter {{CONTENT}} an der Position im Layout, an der der Inhalt der View zur Laufzeit platziert werden soll.

Gut zu wissen

Damit eine View in verschiedenen Browsern möglichst gleich dargestellt wird, müssen Sie bei html-Tags immer <!doctype html> angeben.

Beispiel

HTML

<!doctype html>
<html>
  <head>
    <title>Start</title>
  <head>
  <body>
    <div class="container">{{CONTENT}}</div>
  </body>
</html>

Aktionen in Layouts

In Layouts kann der Rückgabewert einer Aktion angezeigt werden. Sie können eine neue Aktion erstellen und im Layout mit dem Button Add Action im Layout-Editor einbinden.

Beim Anlegen der Aktionen müssen Sie, anders als bei Aktionen auf Komponenten, einen Namen für die Aktion angeben. Der Name muss einzigartig sein und sollte möglichst einfach gehalten werden.