Bildschaltfläche im InfoPath-Formular

Hier gibt es einen interessanten Artikel, wie man in InfoPath-Formularen Grafiken als Schaltflächen einbinden kann:
http://support.microsoft.com/?scid=kb%3Ben-us%3B832511&x=15&y=5

Wir zeigen Ihnen hier noch einmal die wichtigsten Schritte, und wie Sie damit eine ansprechende Menüleiste in InfoPath gestalten können.

Grafik für Schaltflächen

Häufig wird in Infopath eine Senden- oder Speichern-Schaltfläche eingefügt. Diese möchten wir als ansprechende Grafik anzeigen lassen. Vielleicht haben Sie selbst schon eine passende Grafik, wir verwenden in diesem Fall eine Grafik, die wir in einem Icon Theme gefunden haben: http://www.opentux.com.ar/lordcrow/packs/kneu.html

(Ja, wir wildern hier ein wenig in Linux-Gefilden…, die Grafiken sind unter der GPL-Lizenz zur Verfügung gestellt)

Hier die Grafik filesave.png:

Formular vorbereiten

1. Öffnen Sie InfoPath und entwerfen ein neues Formular. Über den Aufgabenbereich Layout fügen Sie eine Tabelle mit Überschrift ein. Wählen Sie ggf. ein Farbschema.
2. Fügen Sie eine Layouttabelle ein, die z.B. aus fünf Spalten und zwei Zeilen besteht, setzen Sie alle Zellen auf "Zentriert".
3. Fügen Sie in die linke obere Zelle eine neue Schaltfläche ein und in die Zelle darunter die Beschriftung "Speichern".
4. Doppelklicken Sie auf die Schaltfläche, wählen den Reiter "Größe" und geben dort Höhe und Breite der später verwendeten Grafik ein, bei uns ist das jeweils 64 px.

Jetzt sieht das Formular z.B. so aus:

Grafik als Ressource hinzufügen

Damit später die Grafik erkannt wird, wählen Sie nun Menü Extras – Ressourcendateien und fügen die gewünschte Grafik hinzu:

Speichern Sie nun ihr InfoPath-Formular über Menü Datei – Als Quelldateien speichern, erstellen Sie am besten ein eigenes Verzeichnis. Dabei wird die Formularvorlage entpackt und Sie können die folgenden Schritte ausführen.

Grafik für die Schaltfläche festlegen

Öffnen Sie im Windows Explorer das Verzeichnis mit den Quelldateien. Dort finden Sie u.a. die Datei view1.xsl, die Sie jetzt in einem Texteditor öffnen (z.B. Notepad). Beachten Sie, dass Sie die folgenden Schritte für jede Ansicht ausführen müssen, die die grafische Schaltfläche enthalten soll.

Suchen Sie jetzt die Zeile, die die Schaltfläche definiert, Schaltflächen beginnen dabei immer mit "<input". In unserem Fall sieht die komplette Zeile so aus:

<input class="langFont" title="" style="WIDTH: 64px; HEIGHT: 64px" type="button" value="Schaltfläche" xd:xctname="Button" xd:CtrlId="CTRL1_5" tabIndex="0"/>

In dieser Zeile müssen wir jetzt die Grafik einbinden. Sie sehen als Bestandteil der Zeile das Attribut "style", dieses muss mit folgendem Inhalt erweitert werden, außerdem muss hier natürlich der richtige Dateiname für die gewünschte Grafik stehen:

BORDER: none; BACKGROUND-IMAGE: url(filesave.png); BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat;

Weiterhin muss der Text der normalen Schaltfläche entfernt werden, sonst wird dieser mit der Grafik angezeigt. In unserem Beispiel muss also der Begriff "Schaltfläche" entfernt werden. Die komplette Zeile sieht dann so aus:

<input class="langFont" title="" style="BORDER: none; BACKGROUND-IMAGE: url(filesave.png); BACKGROUND-POSITION: left top; BACKGROUND-REPEAT: no-repeat; WIDTH: 64px; HEIGHT: 64px" type="button" value="" xd:xctname="Button" xd:CtrlId="CTRL1_5" tabIndex="0"/>

Formular öffnen

Jetzt können Sie im Verzeichnis mit den entpackten Dateien die Datei manifest.xsf mit rechts anklicken und Entwerfen wählen. Das Formular wird im Entwurfsmodus geöffnet und sieht jetzt so aus (Voschauansicht):

Nun können Sie das Formular wieder "normal" abspeichern.

Falls die Grafik nicht unmittelbar angezeigt wird, muss evtl. der Cache geleert werden. Verwenden Sie dazu folgende Kommandozeile:

InfoPath.exe /cache clearall

Ein Formular mit mehreren Grafiken als Schaltfläche könnte dann so aussehen (nur Formularkopf abgebildet):

Achtung

Natürlich sind die Schaltflächen nicht Selbstzweck, sondern es werden Regeln oder Programmcode ausgeführt. Wenn man nun im Entwurfsmodus die Regeln ändern möchte und den Eigenschaftendialog der Schaltfläche aufruft, ist man dort gezwungen, eine Beschriftung einzugeben, die anschließend wieder über die view1.xsl entfernt werden muss. Da beim Entwurf evtl. die Regeln mehrfach geändert werden, kann man diesen Schritt ja dann abschließend ausführen, wenn das Formular fertig ist.