Det blev en till sen kväll den här veckan, men äntligen fick jag upp anmälningsformuläret till hundlägret. :-D
Har suttit med det ett par kvällar den här veckan. Det tog lite tid eftersom att jag inte ville att alla fälten skulle vara lika breda och hamna rakt under varandra, blev tvungen att lära mig lite CSS för att få till det men det gick till slut. Trodde jag ..
När jag trodde att det var klart så testade jag att fylla i formuläret utan att vara inloggad i Internet Explorer istället för Chrome som jag brukar använda, då såg det hemskt ut. Efter lite felsökning så visade det sig till slut att om jag är inloggad så är ramen 642 pixlar bred men om jag inte är inloggad så är den 978. Lite justeringar så löste det sig till slut.
För att få upp formuläret så använde jag följande moduler:
webform - själva grunden i formuläret
options elements - Underlättar extremt när man gör valbara listor, normalt måste man använda olika syntax. Med den här modulen så får man upp rader med fält som man fyller i.
Webform Conditional - Gör så att man kan dölja vissa fält tills dess att något villkor är uppfyllt. Används för att ta fram rutan med målsmans godkännande om man är under 18 år, samt textrutan där man får fylla i vilka allergier man har om man klickar i att man har allergi.
Webform validation - Sätter villkor på fälten som måste upfyllas för att man ska kunna skicka. Till exempel post nummret måste innehålla 5 siffror.
Captcha - Lägger till en Captcha, en bild med bokstäver i som man måste fylla i för att kunna skicka in formuläret. Används för att slippa spambotar.
För att få fälten bredvid varandra så ställer jag in hur stora fälten ska vara i webform och lägger till följande i stile.css som ligger i mappen public_html/sites/all/themes/creative
#webform-component-fornamn {
float: left;
width: 182px;
margin-right: 10px
}
#webform-component-efternamn {
float: left;
width: 190px;
margin-right: 584px;
}