Sie können nun die Formularvorlage, die Sie soeben erstellt haben, als HTML-Datei exportieren. Mit einem HTML-Bearbeitungsprogramm (oder auch einem einfachen ASCII-Texteditor wie z. B. Editor unter Windows) können Sie Grafiken, Text oder auch Skripte hinzufügen, um eine ausführlichere benutzerdefinierte Ansicht zu erstellen, die wie das Original mit Content Server verwendet werden kann.

So exportieren Sie eine Formularvorlage als HTML:

  1. Klicken Sie auf das Symbol Funktionen der Formularvorlage, und wählen Sie dann Als HTML exportieren aus.

  2. Klicken Sie auf Speichern, und suchen Sie nach dem Ablageort, wo Sie die Datei speichern möchten.

Sie können diese Datei nun in einem HTML-Editor öffnen und deren Funktionen ändern. Sie können die HTML-Datei mit einem beliebigen HTML-Editor bearbeiten, außer für Microsoft Front Page Express. Anders als die Vollversion von Front Page, unterstützt Front Page Express die Verwendung von eckigen Klammern in Feldnamen nicht. Die Klammern sind für die Funktionalität der Formulare in Content Server wichtig.

 

Hinweis

Hinweis:
In Content Server-spezifische Werte finden Sie ausführliche Erklärungen zu Klammern und weiteren Content Server-spezifischen Funktionen im HTML-Code, die Sie verstehen müssen, bevor Sie die exportierte HTML-Datei ändern.

 

So bearbeiten Sie HTML-Code der exportierten Formularvorlage:

  1. Öffnen Sie die exportierte Formularvorlagendatei in einem HTML-Editor.

  2. Wenn Sie die Standardschrift des Dokuments in Arial ändern möchten, suchen Sie das Attribut Name des Mitarbeiters im HTML-Code.

    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">
    &nbsp;Employee Name:
    <IMG SRC="/img/required.gif" ALT="Required" BORDER="0">
  3. Fügen Sie die folgende Codezeile hinzu:

    <TD CLASS="label" NOWRAP VALIGN="MIDDLE">
    <FONT SIZE="-1" FACE="Arial,Helvetica,sans-serif" color="blue">
    &nbsp;Employee Name:</font>
    <IMG SRC="/img/required.gif" ALT="Required" BORDER="0">
     

    Hinweis

    Hinweis:
    Aus Platzgründen enthalten die Beispielcodes Zeilenumbrüche, die das Funktionieren der Schaltfläche möglicherweise verhindern, wenn Sie diesen Beispielcode in Ihre HTML-Datei kopieren. Stellen Sie nach dem Kopieren des Codes sicher, dass er keine Leerzeichen oder andere Zeichen enthält, bevor Sie die Änderungen speichern.

     
  4. Wiederholen Sie die Schritte 2–3 für jedes Attribut in der Formularvorlage.

  5. Wenn Sie eine neue Kopfzeile mit Hinweisen für Benutzer zum Ausfüllen des Formulars hinzufügen möchten, suchen Sie nach folgendem Codebereich:

    <BODY Class="pageBody">
    <FORM NAME="myForm" ACTION="[LL_CGIPATH /]" ENCTYPE="multipart/formdata" METHOD="POST">
    <INPUT TYPE="HIDDEN" NAME="func" VALUE="[LL_FUNC /]">
    <INPUT TYPE="HIDDEN" NAME="LL_FUNC_VALUES" VALUE="[LL_FUNC_VALUES /]">
    <INPUT TYPE="HIDDEN" NAME="LL_AttrFieldName" VALUE="">
    <INPUT TYPE="HIDDEN" NAME="LL_AttrFieldIndex" VALUE="">
    <INPUT TYPE="HIDDEN" NAME="LL_WFATTURL" VALUE="[LL_WFATTURL /}">
    <TABLE BGCOLOR="#FFFFFF" BACKGROUND="[LL_SUPPORTPATH /]pattern.gif" CELLSPACING="0"CELLPADDING="0" WIDTH="100%">
  6. Ersetzen Sie den vorherigen Code wie folgt:

    <BODY Class="pageBody">
    <FORM NAME="myForm" ACTION="[LL_CGIPATH /]" ENCTYPE="multipart/formdata" METHOD="POST">
    <INPUT TYPE="HIDDEN" NAME="func" VALUE="[LL_FUNC /]">
    <INPUT TYPE="HIDDEN" NAME="LL_FUNC_VALUES" VALUE="[LL_FUNC_VALUES /]">
    <INPUT TYPE="HIDDEN" NAME="LL_AttrFieldName" VALUE="">
    <INPUT TYPE="HIDDEN" NAME="LL_AttrFieldIndex" VALUE="">
    <INPUT TYPE="HIDDEN" NAME="LL_WFATTURL" VALUE="[LL_WFATTURL /}">
    <center>
    <font FACE="Arial,Helvetica,sans-serif">
    <h1>Personal Profile</h1></center>
    <p>Fill out this Form to submit your Personal Profile. The fields marked
    <IMG SRC="/img/required.gif" ALT="Required" BORDER="0"> are
    required fields.</p>
    <p>When you are finished, click the <b>Submit This Form</b> button.</p>
    </font>
    <TABLE BGCOLOR="#FFFFFF" BACKGROUND="[LL_SUPPORTPATH /]pattern.gif"
    CELLSPACING="0"CELLPADDING="0" WIDTH="100%">
     

    Hinweis

    Hinweis:
    Der Pfad in dem IMG-Tag für das erforderliche Feld, <IMG SRC=”/img/required.gif” ALT='Required' BORDER='0'>, ist abhängig von der Konfiguration des Computers, der zum Generieren des Beispiels verwendet wurde. Der Name Ihres Content Server-Support-Verzeichnisses ist von dem Namen abhängig, der beim Installieren der Content Server-Instanz auf Ihrem Computer ausgewählt wurde.

     
  7. Um den Namen auf der Schaltfläche Anwenden zu Dieses Formular senden zu ändern, suchen Sie nach folgendem Codebereich:

    <INPUT CLASS="applyButton" TYPE="BUTTON" VALUE="Apply" NAME="IgnoreMe" ONCLICK="doFormSubmit( document.myForm );">
  8. Ersetzen Sie diese Codezeile durch Folgende:

    <INPUT CLASS="applyButton" TYPE="BUTTON" VALUE="Submit This Form" NAME="IgnoreMe" ONCLICK="doFormSubmit( document.myForm );">
  9. Speichern Sie das angepasste HTML-Formular als Personal_Profile_View.html.

Weitere Informationen finden Sie unter Beispiel Persönliches Profilformular.