Links überspringen

Gestaltung und Anpassung von Layouts

2.2 Gestaltung und Anpassung von Layouts

In diesem Kapitel werden wir uns ausführlich damit beschäftigen, wie Sie ansprechende und funktionale Layouts für Ihre FileMaker-Datenbanken erstellen können. Wir werden die Verwendung von Themen und Stilen, das Arbeiten mit Objekten wie Feldern, Texten und Schaltflächen, die Anwendung von Layout-Bearbeitungswerkzeugen und -Techniken sowie den Einsatz von Bildern und Grafiken Schritt für Schritt durchgehen.

1. Verwendung von Themen und Stilen

Schritt 1: Ein Thema für Ihr Layout auswählen

Ein Thema ist eine Sammlung von vordefinierten Formatierungsoptionen, die Sie auf Ihr Layout anwenden können, um das Aussehen und die Benutzerfreundlichkeit zu optimieren. FileMaker bietet eine Vielzahl von Themen, die Sie direkt nutzen können.

  1. Wechseln Sie in den Layout-Modus: Klicken Sie im Menü auf Ansicht > Layout-Modus oder verwenden Sie die Tastenkombination Cmd + L (macOS) bzw. Ctrl + L (Windows).
  2. Thema auswählen: Gehen Sie im Layout-Modus auf Layouts > Design ändern. Wählen Sie ein Thema aus der Liste aus. Sie können sofort sehen, wie das Layout durch das neue Thema verändert wird.
  3. Anpassung des Themas: Sie können die vordefinierten Einstellungen eines Themas anpassen. Zum Beispiel, wenn Ihnen die Farben oder Schriftarten nicht gefallen, passen Sie diese über den Inspektor an. Die Änderungen werden sofort auf das Layout angewendet.

Schritt 2: Arbeiten mit Stilen

Stile ermöglichen es Ihnen, das Aussehen einzelner Objekte wie Felder oder Schaltflächen zu ändern.

  1. Stil anwenden: Wählen Sie ein Objekt (z.B. ein Feld oder eine Schaltfläche) aus und öffnen Sie den Inspektor. Unter dem Reiter Darstellung können Sie vordefinierte Stile auswählen oder eigene erstellen.
  2. Stile erstellen und speichern: Um einen neuen Stil zu erstellen, passen Sie die Eigenschaften des Objekts (z.B. Schriftart, Rahmen, Füllung) an und klicken Sie auf Stil speichern. Sie können diesen Stil dann auf andere Objekte anwenden.
  3. Globale Änderungen: Wenn Sie den Stil ändern, werden alle Objekte, die diesen Stil verwenden, automatisch aktualisiert. Dies ist besonders nützlich, wenn Sie Designänderungen konsistent auf alle Layouts anwenden möchten.
Design 'Klassisch' in der gFM-Business ERP-Software
Design 'Klassisch' in der gFM-Business ERP-Software

2. Arbeiten mit Objekten: Felder, Texte, Schaltflächen

Schritt 1: Felder in ein Layout einfügen

Felder sind zentrale Elemente jedes Layouts, da sie die Daten Ihrer Datenbank anzeigen und eingeben lassen.

  1. Feld hinzufügen: Ziehen Sie ein Feld aus der Feldliste oder der Objektpalette in das Layout. Positionieren Sie es dort, wo es benötigt wird.
  2. Feld formatieren: Passen Sie das Erscheinungsbild des Feldes an, indem Sie im Inspektor unter Darstellung die Schriftart, Farben und Ränder festlegen. Sie können auch Platzhaltertexte hinzufügen, um den Benutzern Hinweise zu geben, welche Daten eingegeben werden sollen.
  3. Interaktive Felder: Verwenden Sie erweiterte Optionen wie Dropdown-Listen oder Kontrollkästchen, um die Benutzerfreundlichkeit zu verbessern. Diese Optionen finden Sie im Inspektor unter Daten.

Schritt 2: Texte hinzufügen

Texte dienen zur Beschriftung von Feldern oder zur Bereitstellung von Anweisungen innerhalb des Layouts.

  1. Textobjekt einfügen: Wählen Sie in der Objektpalette das Textwerkzeug aus und klicken Sie in das Layout, um ein Textfeld hinzuzufügen. Geben Sie den gewünschten Text ein.
  2. Text formatieren: Verwenden Sie den Inspektor, um Schriftart, -größe, Farbe und andere Textstile anzupassen. Platzieren Sie den Text an einer logischen Stelle, um die Benutzerführung zu erleichtern.
  3. Dynamische Texte: Fügen Sie dynamische Texte hinzu, indem Sie auf Einfügen > Merge-Feld klicken und ein Feld auswählen, dessen Wert im Text angezeigt werden soll.

Schritt 3: Schaltflächen erstellen

Schaltflächen ermöglichen die Interaktion der Benutzer mit der Datenbank, indem sie Aktionen auslösen.

  1. Schaltfläche hinzufügen: Wählen Sie in der Objektpalette das Schaltflächenwerkzeug und klicken Sie in das Layout, um eine Schaltfläche zu platzieren. Sie können die Schaltfläche mit einem Text beschriften oder ein Bild verwenden.
  2. Aktion zuweisen: Weisen Sie der Schaltfläche eine Aktion oder ein Script zu. Wählen Sie dazu im Inspektorunter Aktion das gewünschte Script oder die gewünschte Funktion aus.
  3. Stil anpassen: Gestalten Sie das Aussehen der Schaltfläche, indem Sie im Inspektor die Farben, Rahmen und Füllungen anpassen. Sie können auch eine Schaltfläche erstellen, die sich beim Drücken ändert, um dem Benutzer visuelles Feedback zu geben.

Integriertes ERP Entwicklermodul mit Layoutprotokoll

Mehr Informationen
Professional ERP-Software

3. Layout-Bearbeitungswerkzeuge und -Techniken

Schritt 1: Objekte ausrichten und verteilen

Die präzise Ausrichtung und Verteilung von Objekten ist wichtig, um ein ordentliches und professionelles Layout zu erstellen.

  1. Ausrichtungswerkzeuge verwenden: Wählen Sie mehrere Objekte aus und verwenden Sie die Ausrichtungsoptionen in der Werkzeugleiste, um sie am linken, rechten, oberen oder unteren Rand auszurichten. Dies sorgt für ein sauberes und symmetrisches Layout.
  2. Objekte verteilen: Verwenden Sie die Verteilungsoptionen, um gleichmäßige Abstände zwischen mehreren Objekten zu schaffen. Dies ist besonders nützlich, wenn Sie eine Reihe von Feldern oder Schaltflächen gleichmäßig anordnen möchten.
  3. Hilfslinien und Gitter einblenden: Aktivieren Sie Hilfslinien und das Gitter über Ansicht > Hilfslinien und Gitter, um eine visuelle Hilfe beim Platzieren von Objekten zu erhalten. Diese Hilfsmittel helfen Ihnen, Objekte genau zu positionieren.

Schritt 2: Objekte gruppieren und sperren

Das Gruppieren und Sperren von Objekten erleichtert die Bearbeitung komplexer Layouts.

  1. Objekte gruppieren: Wählen Sie mehrere Objekte aus und wählen Sie Anordnen > Gruppieren, um sie zu einer Einheit zusammenzufassen. Dies ist nützlich, wenn Sie mehrere Objekte gleichzeitig verschieben oder formatieren möchten.
  2. Ebenensteuerung verwenden: Passen Sie die Reihenfolge der Objekte an, indem Sie sie nach vorne oder hinten verschieben. Dies steuern Sie über die Befehle Anordnen > In den Vordergrund oder In den Hintergrund.
  3. Objekte sperren: Wenn Sie sicherstellen möchten, dass ein Objekt seine Position und Größe beibehält, sperren Sie es über Anordnen > Sperren. Gesperrte Objekte können nicht versehentlich verschoben oder geändert werden.

gFM-Business Open Source FileMaker Basis-ERP

Die Software zum Crashkurs

Gratis herunterladen
Open Source ERP auf Basis von Claris FileMaker

4. Einsatz von Bildern und Grafiken

Schritt 1: Bilder in Layouts einfügen

Bilder verleihen Ihren Layouts eine visuelle Attraktivität und können für verschiedene Zwecke eingesetzt werden, wie z. B. zur Markenbildung oder als funktionale Elemente.

  1. Bildobjekt hinzufügen: Wählen Sie das Bildwerkzeug aus der Objektpalette und klicken Sie in das Layout, um ein Bild einzufügen. Sie können das Bild aus einer Datei auswählen oder in ein Containerfeld hochladen.
  2. Bildgröße und Position anpassen: Passen Sie die Größe und Position des Bildes mit den Werkzeugen im Inspektor an, um sicherzustellen, dass es gut in das Layout passt. Sie können das Bild auch zuschneiden oder skalieren, um es besser an Ihre Anforderungen anzupassen.
  3. Bilder als Schaltflächen verwenden: Sie können Bilder auch als Schaltflächen verwenden, indem Sie ihnen Aktionen zuweisen. Dies ist eine großartige Möglichkeit, interaktive Layouts zu erstellen, die visuell ansprechend und funktional sind.

Schritt 2: Grafiken zur Datenvisualisierung

Grafiken sind ideal, um komplexe Daten auf einfache Weise zu visualisieren.

  1. Diagramme einfügen: Gehen Sie zu Einfügen > Diagramm und wählen Sie den Diagrammtyp aus, der für Ihre Daten am besten geeignet ist. Sie können Balken-, Linien-, Kreisdiagramme und mehr verwenden.
  2. Datenquelle festlegen: Wählen Sie die Datenfelder aus, die in Ihrem Diagramm dargestellt werden sollen. Dies können Felder aus der aktuellen Tabelle oder berechnete Felder sein, die spezifische Werte darstellen.
  3. Diagramm formatieren: Verwenden Sie den Inspektor, um Farben, Achsenbeschriftungen und andere Diagrammeigenschaften anzupassen. Dies sorgt dafür, dass das Diagramm klar und informativ ist.

Schritt 3: Icons und Symbole verwenden

Icons und Symbole sind hilfreiche visuelle Elemente, die schnell Informationen vermitteln und die Navigation in Ihrer Datenbank vereinfachen können.

  1. Icons einfügen: Wählen Sie das Symbolwerkzeug aus oder fügen Sie ein Icon als Bildobjekt hinzu. Sie können vorgefertigte Icons verwenden oder eigene Grafiken hochladen, die den Zweck Ihres Layouts unterstreichen.
  2. Verwendung von Symbolen: Symbole können zur Kennzeichnung von Funktionen wie „Speichern“, „Löschen“ oder „Bearbeiten“ verwendet werden. Sie machen das Layout intuitiver und benutzerfreundlicher, da Symbole universell verständlich sind.
  3. Styling von Icons: Wie bei anderen Objekten können Sie auch Icons und Symbole im Inspektor anpassen. Stellen Sie sicher, dass die Symbole in Größe und Farbe zum Rest Ihres Layouts passen.

Vier FileMaker ERP-Plattformen für optimale Betriebsprozesse.

Alle Kauflizenzen
Professional ERP-Software

Häufig gestellte Fragen

  • Wie verwende ich Themen in FileMaker, um das Erscheinungsbild meiner Layouts anzupassen?
    • In FileMaker können Sie Themen verwenden, um das visuelle Design Ihrer Layouts schnell anzupassen. Themen sind vordefinierte Designvorlagen, die Farben, Schriftarten und Formatierungen für Felder, Schaltflächen und andere Layoutobjekte festlegen. Um ein Thema zu verwenden oder zu ändern, wechseln Sie in den Layoutmodus und wählen im Menü „Layouts“ > „Thema ändern“. Sie können das passende Design für Ihre Anwendung wählen und es auf alle Layouts anwenden, um ein konsistentes Erscheinungsbild zu gewährleisten.
  • Wie unterscheiden sich Stile von Themen und wie kann ich Stile in meinem Layout verwenden?
    • Stile sind spezifische Formatierungen, die auf einzelne Layoutobjekte angewendet werden können, wie Felder, Schaltflächen oder Texte. Während Themen das Gesamtdesign definieren, bieten Stile eine detaillierte Kontrolle über das Erscheinungsbild einzelner Elemente. Sie können im Inspektor unter „Aussehen“ den Stil eines Objekts ändern oder einen benutzerdefinierten Stil speichern. Das Verwenden von Stilen hilft Ihnen, die Konsistenz zwischen verschiedenen Layoutobjekten aufrechtzuerhalten und ermöglicht es, Änderungen schnell auf mehrere Objekte anzuwenden.
  • Wie kann ich Felder, Texte und Schaltflächen in einem Layout bearbeiten?
    • Im Layoutmodus können Sie Felder, Texte und Schaltflächen auswählen und ihre Größe, Position und Formatierung anpassen. Wenn Sie ein Objekt auswählen, können Sie es mithilfe der Griffe auf dem Objekt verschieben oder in der Größe verändern. Über die Inspektorleiste können Sie das Erscheinungsbild anpassen, einschließlich der Schriftart, der Farbe und des Rahmens. Für Schaltflächen können Sie außerdem Aktionen definieren, z. B. das Ausführen eines Skripts, wenn darauf geklickt wird.
  • Wie füge ich neue Felder in ein Layout ein?
    • Um ein neues Feld hinzuzufügen, wechseln Sie in den Layoutmodus und klicken in der Feldleiste auf „Feld hinzufügen“. Wählen Sie das gewünschte Feld aus der zugrunde liegenden Tabelle aus und platzieren Sie es im Layout. Sie können das Feld dann weiter anpassen, indem Sie Größe und Position ändern und das Erscheinungsbild mit Stilen anpassen. Die Feldleiste zeigt alle Felder der zugrunde liegenden Tabelle an, sodass Sie schnell auf die relevanten Daten zugreifen können.
  • Wie arbeite ich effizient mit mehreren Objekten auf einem Layout?
    • Sie können mehrere Objekte gleichzeitig auswählen, indem Sie mit der Maus einen Auswahlrahmen um die Objekte ziehen oder die Shift-Taste gedrückt halten und die Objekte anklicken. Sobald mehrere Objekte ausgewählt sind, können Sie diese gemeinsam verschieben, ihre Größe ändern oder sie aneinander ausrichten. Sie können im Menü „Ausrichten“ auch die Objekte ausrichten oder im Inspektor gleiche Abstände einstellen, um ein sauberes Layout zu erstellen.
  • Wie kann ich Objekte in meinem Layout ausrichten und anpassen?
    • FileMaker bietet verschiedene Werkzeuge zur Ausrichtung und Positionierung von Objekten. Im Layoutmodus können Sie unter „Ausrichten“ die Position von Objekten an den Rändern oder in der Mitte des Layouts ausrichten. Der Inspektor zeigt präzise Positionen und Größen an, sodass Sie Objekte millimetergenau anordnen können. Sie können auch Hilfslinien und Raster verwenden, um die Platzierung der Objekte visuell zu steuern und ein gleichmäßiges Design zu gewährleisten.
  • Wie verwende ich Bilder und Grafiken in meinen Layouts?
    • Sie können Bilder und Grafiken in Ihre Layouts einfügen, um das visuelle Erscheinungsbild zu verbessern. Im Layoutmodus können Sie über „Einfügen“ > „Bild“ eine Grafik hinzufügen und sie im Layout platzieren. Bilder können sowohl als dekorative Elemente als auch als Hintergrundbilder verwendet werden. Sie können das Bildformat im Inspektor anpassen, z. B. ob das Bild gestreckt, skaliert oder im Originalverhältnis angezeigt wird.
  • Wie gestalte ich ein Layout für mobile Geräte wie iPhone oder iPad?
    • Wenn Sie ein Layout für FileMaker Go (die mobile Version von FileMaker) erstellen, sollten Sie im Layoutmodus spezielle Vorlagen verwenden, die für mobile Geräte optimiert sind. Diese Layouts haben größere Schaltflächen, einfachere Navigation und sind auf Touch-Bedienung ausgelegt. Sie können im Layoutmodus auch den Zoom verwenden, um zu simulieren, wie das Layout auf einem mobilen Gerät angezeigt wird. Es ist wichtig, responsive Design-Prinzipien zu beachten, um sicherzustellen, dass Ihr Layout auf verschiedenen Bildschirmgrößen gut aussieht.
  • Kann ich benutzerdefinierte Schaltflächen für bestimmte Aktionen erstellen?
    • Ja, Sie können in FileMaker benutzerdefinierte Schaltflächen erstellen, die verschiedene Aktionen ausführen. Im Layoutmodus können Sie eine Schaltfläche aus der Symbolleiste einfügen, sie im Layout platzieren und anschließend eine Aktion oder ein Skript zuweisen. Sie können z. B. festlegen, dass die Schaltfläche einen neuen Datensatz erstellt, eine Suche durchführt oder den Benutzer zu einem anderen Layout navigiert. Schaltflächen lassen sich außerdem mit Symbolen und Text individuell gestalten.
  • Wie kann ich Layouts mit benutzerdefinierten Symbolen und Icons verbessern?
    • Sie können benutzerdefinierte Symbole und Icons zu Schaltflächen und anderen Layoutobjekten hinzufügen, um die Benutzeroberfläche attraktiver zu gestalten. Im Layoutmodus können Sie im Inspektor eine Schaltflächenform auswählen und ein Icon hinzufügen. Sie können auch eigene Icons hochladen und diese in Ihre Designs integrieren. Symbole helfen dabei, Benutzer visuell zu leiten und die Bedienung Ihrer Anwendung zu erleichtern.
  • Wie arbeite ich mit Layout-Bearbeitungswerkzeugen wie Inspektor, Raster und Hilfslinien?
    • Die Inspektorleiste in FileMaker ist ein zentrales Werkzeug für die Bearbeitung und Gestaltung von Layouts. Im Inspektor können Sie die Position, Größe, Formatierung und Interaktivität von Objekten steuern. Zudem können Sie im Layoutmodus Raster und Hilfslinien aktivieren, um Objekte präzise auszurichten. Diese Werkzeuge helfen Ihnen, Layouts konsistent zu gestalten und sicherzustellen, dass alle Elemente perfekt angeordnet sind.
  • Kann ich Layouts duplizieren und als Vorlage für andere Layouts verwenden?
    • Ja, Sie können Layouts in FileMaker duplizieren, um Zeit zu sparen und Konsistenz zwischen Layouts zu gewährleisten. Im Layoutmodus wählen Sie im Menü „Layouts“ > „Layout verwalten“, dann das gewünschte Layout und klicken auf „Duplizieren“. Sie können das duplizierte Layout dann bearbeiten und anpassen, ohne das ursprüngliche Layout zu verändern. Dies ist besonders nützlich, wenn Sie ähnliche Layouts für verschiedene Datentabellen erstellen möchten.
2.2 Gestaltung und Anpassung von Layouts

Diese Seite teilen:

ERP-Software so flexibel wie Ihr Unternehmen.
Wir beraten Sie gern.

Anpassbare ERP-Software für Mac, Windows und iOS.

Sie sind hier: Gestaltung und Anpassung von Layouts