Tablayout-widget
Tablayout-widgeten visar innehåll från ett formulär — som en eller flera tabbar med listningar. Använd den när du vill att användaren ska kunna se, söka, skapa, redigera och radera formulärinnehåll direkt på en sida i din applet.
När du ska använda detta
- Du vill visa formulärinnehåll i listform på en sida
- Du behöver flera vyer (tabbar) av samma formulär med olika urval eller sortering
- Du vill att användaren ska kunna skapa nytt innehåll, gå in i detaljvy, eller redigera direkt från widgeten
- Du vill exponera underformulär tillsammans med huvudformuläret
Hur det fungerar
Du väljer ett formulär som widgeten ska bygga på. Widgeten innehåller en eller flera listor — varje lista visas som en tabb och har egna inställningar för Skapa, Listvy, Detaljvy och Underformulär. På så sätt kan du exempelvis ha en tabb för "Mina ärenden" och en annan för "Alla ärenden" baserat på samma formulär men med olika filtrering.
Lägg till en tablayout
- Öppna Designredigeraren för din applet.
- Lägg till widgeten Tablayout på sidan.
- Öppna widgetens inställningar.
- Välj Formulär som widgeten ska bygga på.
- Konfigurera den första listan via listikonen, eller lägg till fler listor.
- Spara ändringarna.
Inställningar i widgeten
Formulär
Välj det formulär du vill visa i widgeten. Övriga inställningar bygger på det formulär du väljer här.
Listor
En lista med namnet Ny lista skapas automatiskt. Du kan lägga till fler listor med Lägg till lista. Varje lista visas som en tabb i widgeten.
För varje lista kan du:
- Byta namn — markera pennan till höger om listnamnet, ange ett nytt namn och välj Ok.
- Duplicera — klicka på duplicera-ikonen. Alla inställningar från listan följer med till den nya kopian.
- Ta bort — klicka på soptunnan.
- Flytta — använd dra-och-släpp via ikonen längst till höger för att ändra ordningen på listorna.
Listinställningar
Öppna en listas inställningar genom att klicka på listraden. Listans namn visas som rubrik. Du kan göra inställningar för:
- Skapa
- Listvy
- Detaljvy
- Underformulär (visas endast om det finns underformulär)
Skapa
Inställningar för formulärets skapa-läge. För att göra inställningar i denna sektion behöver Skapa nytt innehåll vara aktiverat.
| Inställning | Beskrivning |
|---|---|
| Skapa nytt innehåll | Tillåter användaren att skapa nytt innehåll från widgeten. När den är aktiv kan du göra de övriga inställningarna nedan. |
| Knapptext | Texten på skapa-knappen i widgeten. Max 30 tecken. |
| Visa temporärspara | Ger användaren möjlighet att spara ett utkast utan att skicka in det. |
| Visa fält för vidarebefordran | Visar ett fält där användaren kan ange en mailadress att skicka innehållet till vid inskick. |
| Visningsläge fältgrupper | Styr hur fältgrupper presenteras i skapa-läget. Se nedan. |
Visningsläge fältgrupper
Som standard visas alla fältgrupper samtidigt i skapa-läget. Du kan ändra till:
| Läge | Beskrivning |
|---|---|
| Standard | Alla fältgrupper visas direkt. |
| Fäll in/fäll ut | Endast den första fältgruppen är expanderad. Övriga fältgrupper är infällda och expanderas när användaren klickar på raden. |
| Stegvis | Användaren bläddrar mellan fältgrupperna stegvis med knappar för bakåt och nästa fram till att formuläret skickas in. |
Fältinställningar
För varje fältgrupp kan du toggla av hela gruppen för att dölja den i widgeten. För varje fält i gruppen kan du göra följande inställningar:
| Inställning | Beskrivning |
|---|---|
| Visa | Toggla av om fältet inte ska visas i skapa-läget. |
| Klassnamn | Eget klassnamn för fältet — användbart för att styra utseendet med CSS. |
| Fältetikett | Anger en egen etikett som ersätter fältets befintliga namn i widgeten. |
TIPS
Inställningar för enskilda fält gäller endast i den lista du redigerar. Om du har flera listor kan samma fält ha olika etiketter och synlighet i olika tabbar.
Bekräftelse
Bekräftelse är inställningar för det användaren ser efter inskickat innehåll. Som standard visas en bekräftelsesida med text som hämtas från formuläret. Du kan inte ändra texten för bekräftelsesidan i widgeten.
| Inställning | Beskrivning |
|---|---|
| Ladda ner | När den är aktiv kan användaren ladda ner en pdf från bekräftelsesidan. Pdfen använder formulärets utskriftsmall. |
| Navigera till | Som standard navigeras användaren tillbaka till föregående sida när hen klickar vidare från bekräftelsesidan. Vill du ange en annan destination kan du välja en sida i befintlig applet eller en annan applet som användaren ska ledas till. |
Listvy
Inställningar för listan som visas i tabben.
Visningsinställningar
| Inställning | Beskrivning |
|---|---|
| Namn | Visar formulärets namn i toppen av widgeten. |
| Ikon | Visar formulärets ikon tillsammans med innehållet. |
| Fältetiketter | Aktivera om du vill visa fältetiketter i listläget. |
| Visa fältetiketter på tomma fält | Visar etiketter även för listfält där det inte finns något värde. Stäng av om du vill dölja etiketten när fältet är tomt. |
Fältinställningar
För varje fält kan du göra följande inställningar:
| Inställning | Beskrivning |
|---|---|
| Listfält | Aktivera om fältet ska visas som ett listfält i listvyn. |
| Visa i filtrering | När aktiverat finns fältet med i filtertratten som ett alternativ att filtrera på. Kräver att Visa filtrering också är aktiv under Sök. Filtrering som görs från AppStudio på formuläret reflekteras på fält som också anges i filtrering här. |
| Klassnamn | Eget klassnamn för fältet — för CSS. |
| Fältetikett | Egen etikett som ersätter fältets befintliga namn i listläget. |
Tillgängliga åtgärder
| Åtgärd | Beskrivning |
|---|---|
| Ladda ner | Tillåter användaren att ladda ner pdf från listläget. |
| Vidarebefordra | Tillåter användaren att vidarebefordra innehållet från listläget. |
| Ta bort | Tillåter användaren att radera innehåll från listläget. Kräver att användaren har behörighet att radera enligt formulärets behörigheter. |
Sök
| Inställning | Beskrivning |
|---|---|
| Visa sökfält | Visar sökfält längst upp i listan. När det aktiveras aktiveras även Visa filtrering och Omedelbar sökning automatiskt. |
| Visa filtrering | Ger användaren tillgång till filtertratten där hen kan filtrera på fält som har Visa i filtrering aktiverat. |
| Omedelbar sökning | Sökningen körs så snart användaren skriver. Stäng av om sökningen i stället ska köras när användaren trycker enter. |
| Platshållare | Texten som visas i sökfältet innan användaren skriver något. |
Filtrera
Öppna Filtrering för att begränsa det innehåll som listan visar. Lägg till villkor genom att välja ett fält och en operator. Vilka operatorer som är tillgängliga beror på fälttypen:
| Operator |
|---|
| Är lika med |
| Är inte lika med |
| Är tomt |
| Är inte tomt |
| Innehåller |
| Innehåller inte |
| Större än |
| Mindre än |
| Är inom |
| Är inte inom |
Efter vald operator anger du Term för att slutföra villkoret. På ett användarfält väljer du till exempel en användare som term.
Lägg till flera villkor för att uppnå korrekt filtrering. Samtliga villkor behöver uppfyllas för att ett svar ska inkluderas i listan.
Sortering
Du kan välja en egen sorteringsordning på innehållet i listvyn.
- Sortera på — välj Skapad, Senast ändrad eller ett valbart formulärfält.
- Ordning — välj Stigande eller Fallande.
På fält som innehåller både text och siffror görs en alfanumerisk sortering. För numeriska fält gäller numerisk sortering.
Avancerat
| Inställning | Beskrivning |
|---|---|
| Direktvisning vid endast ett svar | Användaren kommer direkt in på innehållet om det endast finns ett svar — antingen för att det bara finns ett, eller för att användaren bara har behörighet till ett. |
| Begränsa antal svar i listvy | Aktivera och ange ett antal mellan 1 och 20 för att visa endast så många svar i listan. |
Detaljvy
Inställningar för det detaljerade läge som visar innehållet mer utförligt än listvyn.
| Inställning | Beskrivning |
|---|---|
| Öppna innehåll | Krävs för att aktivera detaljvyn och låta användaren navigera in på innehållet. |
| Redigera innehållet | Aktivera om användaren ska kunna ändra innehållet. |
| Redigera direkt | Aktiv som standard när Redigera innehållet är på. När den är av öppnas innehållet i läsläge och användaren får aktivt välja Redigera för att ändra. |
| Visningsläge fältgrupper | Styr hur fältgrupper presenteras i detaljvyn — Standard, Fäll in/fäll ut eller Stegvis (samma val som för Skapa). |
| Visningsläge underformulär | Välj hur underformulär presenteras i detaljvyn — Tablayout (underformulären visas som tabbar) eller Listor (underformulären visas som listor under huvudinnehållet). |
| Visa antal svar för underformulär | Endast tillgänglig när Visningsläge underformulär är Listor. Visar antalet svar bredvid varje underformulär. |
Tillgängliga åtgärder
| Åtgärd | Beskrivning |
|---|---|
| Ladda ner | Tillåter användaren att ladda ner pdf från detaljvyn. |
| Vidarebefordra | Tillåter användaren att vidarebefordra innehållet från detaljvyn. |
| Ta bort | Tillåter användaren att radera innehåll från detaljvyn. Kräver att användaren har behörighet att radera enligt formulärets behörigheter. |
Fältinställningar
För varje fält kan du göra följande inställningar för detaljvyn:
| Inställning | Beskrivning |
|---|---|
| Visa | Toggla av om fältet inte ska visas i detaljvyn. |
| Klassnamn | Eget klassnamn för fältet — för CSS. |
| Fältetikett | Egen etikett som ersätter fältets befintliga namn i detaljvyn. |
Underformulär
Om det valda formuläret har tillhörande underformulär kan du välja att visa dem i widgeten.
- Öppna sektionen Underformulär i listinställningarna.
- Aktivera växlingsknappen för de underformulär du vill visa.
- Klicka på ett aktiverat underformulär för att öppna dess inställningar.
Du kan göra samma inställningar för ett underformulär som för huvudformuläret — Skapa, Listvy, Detaljvy och eventuella underformulär till underformuläret.
Exempel
Scenario: Du bygger en applet för ärendehantering och vill ha en sida där användaren kan se sina egna ärenden, alla ärenden i sin grupp, och skapa nya ärenden.
- Lägg till en Tablayout-widget på sidan.
- Välj formuläret Ärende.
- Byt namn på den första listan till
Mina ärenden. - Öppna Listvy → Filtrera och lägg till ett villkor: fält Skapad av, operator
=, term inloggad användare. - Lägg till en ny lista och döp den till
Alla ärenden. - I
Alla ärenden-listan, öppna Skapa och aktivera Skapa nytt innehåll så användaren kan skapa nya ärenden direkt från tabben. - Aktivera Sök och Visa filtrering i båda listorna.
Sidan visar nu två tabbar — en med användarens egna ärenden och en med samtliga, där nya ärenden kan skapas.
Tips
TIPS
Använd flera listor i stället för flera widgets när du vill visa samma formulär i olika perspektiv på samma sida. Det blir snabbare att underhålla och ger en sammanhängande upplevelse för användaren.
TIPS
Använd Direktvisning vid endast ett svar för formulär där varje användare bara förväntas ha ett innehåll — exempelvis en personlig profil eller en pågående ansökan. Användaren slipper då ett extra steg.
Vanliga misstag
VARNING
Om filtreringstratten är tom när användaren öppnar den, kontrollera att fälten har Visa i filtrering aktiverat och att Visa filtrering är på under Sök.
VARNING
Ta bort i widgeten räcker inte ensamt — användaren måste också ha behörighet att radera enligt formulärets behörighetsinställningar för att åtgärden ska kunna utföras.
VARNING
Inställningar i en lista påverkar bara den listan. Om du duplicerar en lista och sedan ändrar något i originalet, uppdateras inte kopian automatiskt — kopian är fristående efter dupliceringen.