Krister Holm. EPiServer Att skapa formulär, old school

Transkript

1 Krister Holm

2 Innehållsförteckning 1 Introduktion 2 2 Det äldre formulärfunktionen Redigera ditt nya formulär Tabelllayout och Formulärfält Flervalslista, alternativknapp, kryssruta Skicka-knappen Redigera befintliga formulär och ta ut formulärdata 8 3 Hjälp 9 1

3 1 Introduktion Den här guiden går igenom hur man gör ett formulär i EPiServer. Det finns två olika formulärfunktioner i EPiSever, en äldre och en nyare. Båda har fördelar respektive nackdelar. 2 Det äldre formulärfunktionen På den sida du vill ha ett formulär skapar du ett block. Du väljer det som heter Formulär. Döp formuläret, skriv dit eventuell rubrik och vilket meddelande du vill ha på den tacksida som visas när en användare fyllt i formuläret. När du gjort det skapar du själva formuläret. Tryck på de tre punkterna efter fältet Formulär. När du tryckt kommer en formulärkatalog upp och du ser de formulär som finns. 2

4 I det läget kan välja att använda ett redan befintligt formulär eller skapa ett nytt. På raden längst upp kan du sortera formulär genom drop down-listan. De sorteras efter avdelning. Genom att kryssa i bockrutan Visa mina formulär kan du se de formulär du har gjort vilket är användbart när man vid senare tillfälle vill redigera sitt formulär. Efter varje formulär finns tre symboler. Redigera, ta bort eller använd. För att göra ett nytt formulär tryck på Skapa. 3

5 2.1 Redigera ditt nya formulär När du tryckt på Skapa dyker ett nytt fönster upp och det är dags att fylla formuläret med innehåll, frågor, val och så vidare. På den översta raden kan du Spara vilket är klokt att göra när man arbetat en stund. Spara och stäng, sparar formuläret och stänger fönstret. Under döper du formuläret, gärna detaljerat. Du väljer också i vilken katalog eller mapp (se föregående) du sparar formuläret i. Använd inte Tacksida som visas vid svar, ett tack formulerar vi i själva blocket (se föregående). Kryssa alltid i Formuläret kan skickas utan inloggning samt Samma person kan skicka formuläret två gånger. 2.2 Tabelllayout och Formulärfält Det finns tre flikar. Tabellayout, Formulärfält och Importera/Exportera. Sistnämnda använder vi inte. Tabellayout betyder i praktiken bara en sak. Hur många fält formuläret ska ha. I varje fält kan vi sedan fylla med en fråga, ett val eller annat. Du kan när som helst ta bort, lägga till och infoga rader. 4

6 Använd inte kolumnfunktionerna För att fylla raden med en en fråga eller val välj fliken Formulärfält. När du markerat den rad du vill fylla med en formulärfråga kan du välja mellan lite olika formulärfunktioner. Textfält Ett enradigt textfält för användaren att fylla i till exempel namn. Textruta Större textfält för till exempel fritextsvar. Flervalslista Drop downlista med flera val. Alternativknapp En funktion för att klicka i en av flera små knappar. Kryssruta Med kryssrutan kan användaren göra flera val till skillnad från Alternativknapp. Knapp Normal en skicka-knapp. När användaren har fyllt i formuläret klart så klickar hen på Skicka och vi tar emot det ifyllda formuläret. Ledtext Ett fält där vi kan skriva en längre text. Här kan användaren inte fylla i något. Horisontell linje används inte. 5

7 Exempel på textruta, textfält, flervalslista, alternativknapp, kryssruta, knapp och till sist ledtext. För varje formulärfält måste du fylla i viss information. I fallet nedan ett textfält. Namn är vad vi vill döpa fältet till och inget som användaren av formuläret ser. Ledtext är det användaren ser ovanför själva textrutan. Skärmtips är det som användaren ser i textrutan. Bredd behöver vi inte bry oss om. Den är fast utifrån den 6

8 design vi har på webben. Vill du tvinga användaren att fylla i ett fält kryssa i Värde måste anges. CSS-klass används inte. Till sist kan man välja att validera ett formulärsvar. Då kollar formuläret att till exempel ett datum eller en mejladress är korrekt ifyllt. Det är viktigt att trycka på Spara innan du fortsätter och väljer en ny rad! Flervalslista, alternativknapp, kryssruta I dem får du lite fler val och du kan fylla i flera olika saker som användaren kan välja mellan. Med de gröna pilarna kan du välja i vilken ordning valen ska synas. I samtliga funktioner kan du också välja om något ska vara förvalt, det vill säga redan ikryssat Skicka-knappen Varje användare som fyller i ett formulär måste kunna skicka in formuläret. Sist bland formulärfälten väljer du Knapp så får formuläret den funktionen. Du kan ändra texten på själva knappen och sedan kan du också välja hur svaren ska sparas. Spara i databas gör att du kan få resultaten av ett formulär i ett exceldokument. Sänd e- post gör att du får svaret skickat till den epost du anger vilket kan vara bra om man vill ha koll på till exempel anmälningar. Du kan också välja att göra både och. En rekommendation är att alltid spara i databas och vid behov lägga till epost-alternativet. 7

9 2.3 Redigera befintliga formulär och ta ut formulärdata Du kan alltid i efterhand redigera ett formulär. Viktigt att komma ihåg är att du ALLTID innan varje redigering sparar den formulärdata som redan finns. Gör du vissa ändringar kan formulärdatan försvinna. För att både redigera och komma åt formulärdatan går du in i redigeringsläget på den sida där formuläret finns. Klicka på menyknappen på formulärblocket och välj redigera. I nästa steg måste du välja menyknappen till precis till höger om alternativknappen. När du gjort det kan du till exempel redigera tacksvaret som visas när någon fyllt i formuläret. Klickar du på Visa data får du upp ett nytt fönster och kan göra en sökning av formulärsvar. När du gör det välj ett högt nummer fler än du det antal formulärsvar du 8

10 tror du fått in. Kryssa sedan i Markera alla och du kan nu välja att exportera svaren som xml eller excel. Du kan också rensa formuläret genom att ta bort enskilda eller alla formulärsvar på en gång. Vill du redigera formuläret trycker du på knappen precis till vänster om Visa data. 3 Hjälp Vår webbsupport hjälper till med frågor om formulär och webbredigering. De nås på webbsupport-sundsvall@knowit.se eller telefon