We zijn nog steeds nek diep in het Forumgebied. In deze screencast kijken we naar de aanmeldingspagina. Nog een nogal belangrijke pagina, omdat we willen dat de ervaring van deelname aan de forums zo gemakkelijk en uitnodigend mogelijk is.
In het begin zijn we een beetje nerveus, omdat we denken dat het een gekke strijd gaat worden om erachter te komen welke bestanden we moeten bijwerken om dingen op de slimste manier te veranderen. We hebben een beetje moeite, maar vinden wat informatie op GitHub die ons helpt het te begrijpen. We worden hier beter in! Bovendien hebben we de volgende keer al alle controle gehad die we nodig hebben en zal het gemakkelijker zijn. Hoewel, en ik heb het al eerder gezegd, zou ik dit heel graag op een dag op bbPress willen krijgen, zodat de hele site eenmalige aanmelding heeft.
Vreemd genoeg gaan we voor het eerst een "normale" vorm stylen. Het zoekformulier op de site is zo aangepast dat het ons niet veel doet. Het reactieformulier hebben we uiteindelijk gebruikt met in-input hints in plaats van labels. Dit formulier heeft traditionele labels, dus we moeten vanaf het begin wat CSS schrijven. We splitsen het op in een deel (_forms.scss) zoals we dat meestal doen voor ontwerppatronen, en gaan voor een stijl van het hoogste label.
We moeten uiteindelijk een max-hoogte en overflow instellen: auto voor de pop-ups omdat de Servicevoorwaarden voor de site in een pop-up worden weergegeven en deze te lang is. Hopelijk is dit oké voor mobiel - daar zullen we naar moeten kijken.
We krijgen de CAPTCHA op gang (gewoon een kwestie van wat gratis API-sleutels geven), maar de weergave ervan lijkt een beetje funky. Waarschijnlijk gewoon een afwijking van de rare monitorconfiguratie die ik heb.
We doen een beetje styling voor de foutmeldingen die kunnen worden weergegeven tijdens het aanmelden. We ontdekken ook dat de foutmeldingen een beetje te wensen overlaten, maar we kunnen ze er tenminste goed uit laten zien.