This page is still a beta!

1.2. Tutorial

Zunächst muss das Plugin eingefügt werden.

Dieses Plugin erlaubt es, eine  Login Box auf der Seite zu plazieren.

In der Element-Übersicht findet man das Plugin:

Jetzt  (und nachdem eine Position für das Element ausgewählt wurde – Links/Inalt/Rechts) erhält man diese Ansicht:

Die Grundanforderung ist, das der Seitentyp “Plugin einfügen” und das Plugin “Besseres Anmeldeforumlar” ausgewählt werden. Dann sieht man diese Flexforms - Felder:

Es gibt 5 Hauptbereiche ( DEF:) und in jedem Bereich ein Feld für die Überschrift und einen Text.

  1. Erfolreiches Login: Das ist die Nachricht an den Benutzer, wenn er seine korrekten Zugangsdatne eingegeben hat und den Login Button gesdrückt hat.. Wenn man den String  “###USER###” einfügt, wird der Benutzername angezeigt.

  2. Missglücktes Login: Diese Nachricht erscheint, wenn das Login nicht korrekt war.

  3. Welcome:  Diese Nachricht erscheint, wann ein Benutzer noch nicht eingeloggt ist.

  4. Status:  Dies Nachricht erscheint, wenn ein Benutzer eingeloggt ist und zum Login Screen kommt. In diesem Fall zeigt das Plugin den akluellen Benutzernamen und den wirklichen Namen der Person an. Der Benutzer sieht so seinen Status. Wenn der Benutzername angezeigt werden soll, mit der String “###USER###” eingefügt werden.

  5. Logout: Diese Nachricht erscheint, wenn der User sich ausloggt.

In allen Fällen sind Default- Nachrichten angzeigt, auch wenn Sie die Felder im Plugin leer lassen.

Der sechste Punkt ist die Frage, ob Sie den Bereich

 

Show "Forgot password?" link:

 

 

aktivieren möchten (Checkbox). Wenn Sie den Haken setzen, erscheint ein Link und der Benutzer wird zu einer Seite geführt, wo er seine E-Mail Adresse eintragen kann, damit ihm sein Passwort zugesandt werden kann.

Anmerkung:

Ich war nicht sehr erfolgreich damit, diese Felder auszufüllen. Ich habe alle diese – für mich notwendigen – Einstellungen im Setup des Templates eingestellt.

FAQ

Das Login Formular funktioniert nicht! Ich weiss, dass ich einen Benutzer angelegt habe und dass Passwort korrekt ist. Aber nichts passiert!

Das Login Forumlar muss wissen, wo die Benutzer im Page Tree zu finden sind. Im dem Beispiel mit dem User Listing ist diese Relation direkt in das Plugin gesetzt: Als Ausgangspunkt (Starting Point). Das ist beim Login Formular nicht der Fall. Das basiert es auf einem neuen Konzept, names “Storage Page”.

Der Seitentyp der Seite, auf der Sie das Plugin einsetzen, muss der Seitentyp “Erweitert” sein. Im Feld “Allgemeine Datensatzsammlung” muss  der Sysfolder eingetragen werden, der Ihre Benutzerdaten enthält.

Wenn Sie die Newloginbox auf mehreren oder allen Seiten verwenden, tragen Sie den Sysordner mit den Benutzern bitte auf allen diesen Seiten ein. Wählen Sie dazu “Seitentitel bearbeiten” der jeweiligen Seiten un tragen den Sysfolder mit den Benutzern in “Allgemeine Datensatzsammlung” ein.

Setup-Einträge

Hier ist der entsprechende Auszug aus einem Setup als Beispiel für die Anpassungen:

plugin.tx_newloginbox_pi3._CSS_DEFAULT_STYLE = .tx-newloginbox-pi3-listrow TD { background-color:#eeeeee; padding-left: 3px; padding-right: 3px; }

.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD { background-color:#cccccc; }

.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-header TD P { font-weight:bold; }

.tx-newloginbox-pi3-listrow TR.tx-newloginbox-pi3-listrow-odd TD { background-color:#f6f6f6; }

plugin.tx_newloginbox_pi1._LOCAL_LANG {  

de {

oLabel_header_welcome =

oLabel_msg_welcome =

oLabel_header_logout = Sie haben sich abgemeldet

oLabel_msg_logout =

oLabel_header_error = Anmeldefehler

oLabel_msg_error = Bitte versuchen Sie es erneut

oLabel_header_success = Anmeldung erfolgreich

oLabel_msg_success = Sie sind angemeldet als ###USER###

oLabel_header_status =

oLabel_msg_status =  

username = Benutzername:

password = Passwort:

login =  Login

logout = Abmelden

send_password = Passwort senden

your_email = Ihre Email-Adresse:

forgot_password = Passwort vergessen?

}

}

CSS – Einträge

Hier ist der entsprechende Teil im CSS.

/*Styles der New Login Box*/

DIV.tx-newloginbox-pi1 {

        background-color: transparent;

        color: #000000;

        font-family: Tahoma, Verdana, sans-serif;

        font-size: 11px;

        text-decoration: none;

        margin-left: -1px;

}

/*Ausrichten der überschriften*/

DIV.tx-newloginbox-pi1 H3 {

         margin-left: 4px;

         background-color: transparent;

         color: #000000;

         font-family: Tahoma, Verdana, sans-serif;

         font-size: 11px;

         font-weight: bold;

         text-decoration: none;

}

/*Ausrichtung der Texte*/

DIV.tx-newloginbox-pi1 P {

         margin-left: 4px;

}

DIV.tx-newloginbox-pi1 TABLE {

         margin-top:0px;

         padding-top:0px;

         width: 100px;

         margin-left: -1px;

}

DIV.tx-newloginbox-pi1 TABLE TR TD P {

         margin-top:0px;

         padding-top:0px;

         margin-left: -1px;

}

DIV.tx-newloginbox-pi1 TABLE TR TD {

        margin-top:0px;

        padding-top:0px;

        margin-left: -1px;

}

DIV.tx-newloginbox-pi1 TABLE TR {

        margin-top:0px;

        padding-top:0px;

        margin-left: -1 px;

}

/*Ausrichtung des Submit Buttons*/

DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit {

        margin-left: -1px;

        margin-top: 6px;

        border: 1px solid #000000;

        background-color: #FFFFFF;

        width: 100px;

}

/*Für den Inhalt der Eingabefelder*/

        DIV.tx-newloginbox-pi1 TABLE TR TD INPUT {

        margin-left: 0px;

        margin-top: 4px;

        border: 1px solid #000000;

        background-color: #FFFFFF;

        width: 100px;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP {

        margin-top:0px;

        margin-left: 4px;

        padding-top:0px;

        width:100px;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP A {

        margin-top:0px;

        margin-left: 0px;

        padding-top:0px;

        width:100px;

        align: center;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back {

       margin-top:0px;

       margin-left: 4px;

       padding-top:0px;

       width:100px;

}

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back A {

       margin-top:0px;

       margin-left: 4px;

       padding-top:0px;

       width:100px;

}

/*Ausrichtung des Usernamens, wenn angemeldet*/

DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-username {

       margin-left: 4px;

       margin-top:0px;

       padding-top:0px;

       width:50px;

       align: center;

}

To do Liste:

  1. Benutzerliste beschreiben

  2. Zusammenwirken mit der Extension Front End User Registration beschreiben.