2.2. Django Allauth

2.2.1. Beschreibung

2.2.2. CSSing Forms

Einem Medium Artikel verfasst von Gavin Wiener zu folgen ist es möglich, den allauth-formen CSS-Klassen hinzuzufügen.

class MyCustomSignupForm(SignupForm):

def __init__(self, *args, **kwargs):
    super(MyCustomSignupForm, self).__init__(*args, **kwargs)
    self.fields['email'].widget.attrs.update({
        'class': 'red-border'
    })

Nach vielen Versuchen und Tests konnte ich dieses Verhalten nicht bestätigen. Es war mir nicht möglich, auf diese Art den Formen CSS-Klassen hinzuzufügen. Weshalb ich mich für eine etwas unsaubere jedoch funktionierende Front-End-Variante entschieden habe.

$(function () {
    // Add form-control css-classes to input
    $('#id_email').addClass('form-control');
    $('#id_password1').addClass('form-control');
    $('#id_password2').addClass('form-control');
    $('#id_password').addClass('form-control');
    $('#id_login').addClass('form-control');
    $('#id_oldpassword').addClass('form-control');
});

Durch diese Javascriptfunktion ist es möglich, nachträglich CSS-Classen zu den Formen hinzuzufügen. Und so auch weiterhin Bootstrap für das Stylen dieser zu verwenden. Die Funktion sucht lediglich nach der ID des HTML Elements, welche für eindeutig ist und fügt dessen Element die Klasse form-control hinzu. Dies ist eine Bootstrap CSS-Klasse, um Formen zu stylen.

2.2.3. Verfication Email

Die Informationen zu Googles SMTP-Einstellungen können hier nachgelesen werden.

In der settings.py sollte die Einrichtung der E-Mail-Adresse dann wie folgt aufgebaut werden.

Des Weiteren muss unter Verwendung dieser Einstellung im Google-Konto eine Einstellung vorgenommen werden, damit Google das Versenden der Validierungsmail nicht verhindert und den Log-in durch Django ermöglicht. Weniger sichere Apps gestatten

Manchmal kann es durch Captchas ebenfalls zu Problemen mit dem Google-Konto kommen. Hier muss man gleichermaßen Einstellungen im Konto vornehmen.