Namnge formuläret och klicka på Ok. Man kommer då till denna vy.

Transkript

1 Hemsida - Formulär I den här manualen ska vi gå igenom hur man skapar ett formulär. Börja med att logga in på er IdrottOnline-sida och gå in under Redigeraläge. När ni gjort detta så klickar ni upp resursfönstret, knappen för resursfönstret består av en mapp och är högt upp till höger på hemsidan. När ni gjort detta så klickar ni upp gadgeten Formulär. Har ni inte den gadget tillagd i ert resursfönster så lägger ni först till den. Mer information om hur man lägger till en gadget hittar ni i manualen Redigeraläget Gadgets. När ni har klickat upp gadget Formulär så väljer ni den mappen som ni vill att formuläret ska ligga i och därefter klickar ni på knappen + Nytt formulär.

2 Namnge formuläret och klicka på Ok. Man kommer då till denna vy.

3 Antingen så kan man klicka på Bläddra och välja vilka element man vill infoga i formuläret eller så kan man öppna resursfönstret och dra och släppa formulärelement direkt från resursfönstret till formuläret. Väljer man att klicka på Bläddra så kommer detta fönster upp och man väljer vilka element som man vill använda sig utav genom att klicka på elementet. Väljer man att använda sig av gadgeten Formulärelement så behöver man öppna resursfönstret igen och gå in under gadgeten Formulärelement och sedan dra det element man vill använda i formuläret från gadgeten och släppa i formuläret.

4 I de två översta fälten kan man fylla i en titel för formuläret som ska visas på hemsidan samt en beskrivning av formuläret. När man har lagt till ett element så kan man också redigera detta. Det gör man genom att dra muspekaren över elementet och längst till höger finns en knapp bestående av tre vågräta streck. Klicka på den knappen och därefter Redigera. Då kommer ni till denna vy och kan ändra inställningar så som etikett, hjälptext och välja validatorer (kontroller) för elementet.

5 För att ställa in inställningar på formuläret så markera formuläret i trädet i resursfönstret och klicka därefter på de menyknappen för formuläret och klicka sedan Redigera. Under fliken Innehåll så kan man ändra uppgifter så som titel, beskrivning, bekräftelsemeddelande, länka vidare användarna till annan sida när formuläret är inskickat.

6 Man kan också lägga in meddelande efter postning av formuläret, tillåta anonyma postningar (ingen inloggning krävs), tillåta flera postningar från samma IP/cookie, tillåta access till datan i formuläret via Service APIet samt ändra formulärelementen.

7 Klickar man istället på fliken Inställningar så kan man ändra och lägga till e-postadresser och webbadresser. För att sedan lägga ut formuläret på en sida så behöver man i första hand skapa en ny sida, välja att det ska vara sidtyp Formulär och namnge sidan.

8 Under redigeraläget och alla egenskaper så ställer man sig under Innehåll och skrollar ner på sidan. Då kommer alternativet Formulär upp, klicka då på knappen till höger om detta som består av tre punkter. I pop-up fönstret som kommer upp väljer man sedan formuläret i trädstrukturen. När man markerat formuläret man vill ska synas på sidan klickar man på OK. Därefter väljer man att publicera.

9 När man har publicerat så kommer formuläret att visas på sidan.

10 Grundelement Captcha: Innebär att man behöver verifiera vilka bokstäver/siffror man ser. Detta görs för att man ska vara säker på att det är en människa som skickat in formuläret och inte en dator som gör det automatiskt. Flerval eller enval: Innebär att man väljer ett eller flera av alternativen i en punktlista. Filuppladdning: Möjligheten att kunna ladda upp/skicka in filer. Bildval: Innebär att man kan lägga till en bild som kommer visas i formuläret. Där man kan sedan lägga till att checkboxar ska visas och att man på så sätt ska markera en eller flera av bilderna. Nummer: Används när användaren ombes fylla i nummer/sifferkombination, t.ex. telefonnummer eller personnummer. I detta fält så kan endast siffror skrivas i. Text med placeholders (Rich text): Ett fält där man kan ge instruktioner eller information. Det får plats många tecken i fältet men användarna kommer inte kunna ändra/lägga till text i fältet utan det är låst. Placeholder innebär att man kan välja ett fält från ett tidigare steg. Information som användaren fyllt i det fältet kommer ersätta placeholdern.

11 Dolt fördefinierat värde: Syns inte för användaren men kan användas för att skicka med ett fördefinierat värde. Område (Range): Innebär att man väljer en punkt på en skala genom att dra/reglera i markeraren. Selektering/Urval: Innebär att man väljer ett alternativ i en rullgardinslista. Textyta: Ett större fält där man kan fylla i valfri text, bör användas när mycket text ska fyllas i. Text: Ett fält där man kan fylla i valfri text, bör användas när lite text ska fyllas i. URL: Ett fält där man kan fylla i en URL-adress. Alltså en hemsideadress.

12 Dold besökarprofilering: Syns inte för användaren men kan användas för att samla in information om användaren. Åtgärdselement Formulärsteg: Gör att det blir olika steg/sidor. Det kommer fram möjlighet att gå framåt och tillbaka bland stegen/sidorna. Återställningsknapp (reset): En knapp som gör att alla fält blir tomma/återställs. Skickaknapp (submit): En knapp som gör att formuläret skickas in.

13 Vad är placeholder? Det finns två varianter av placeholder. Dels är det en text som kommer visas i fältet som ett exempel för användaren. Texten sparas inte och blir ersatt av användarens egen inmatning. I detta exempel så är texten Fyll i telefonnummer, endast siffror en placeholder. Texten försvinner när användaren fyller i sitt telefonnummer. Placeholder innebär också att man kan välja ett fält från ett tidigare steg. Information som användaren fyllt i det fältet kommer ersätta placeholdern. Detta kan man göra t.ex. under Text med placeholder (Rich text) eller i mejlen som skickas ut. Mejlen skapas under fliken Inställningar för hela formuläret.

14 Inskickade formulär För att se de inskickade formulären som man fått. Gå in under redigeraläget, i resursfönstret så öppna gadgeten Formulär. Markera katalogen där formuläret ligger. Klicka på menyknappen till höger om formulärets namn och därefter klickar man på Inskickade formulär. Man kommer då vidare till vyn nedan. Man kan filtrera bland formulären genom ett datumintervall, eller välja att bara se slutförda formulär genom att markera rutan för Endast slutförda. När man har gjort sin filtrering så klickar man på Sök. Man kan också markera en eller flera av de inskickade formulären genom att klicka i rutan längst till vänster om formuläret. Vill man exportera eller ta bort formulär så markerar man först vilka formulär och klickar sedan på Exportera -knappen eller Ta bort -knappen. Man kan exportera till XML, CSV eller JSON.