Övning: Lägg till komponenter • Den här övningen förklarar hur man lägger till vissa komponenter i ett befintligt formulär. • Övningen använder applikationen ”Restaurant reservation” som finns tillgänglig under alla prova-på-konton. Skapa egna tjänster i molnet Logga in • Gå till public.istools.com i din webbläsare. • Logga in med hjälp av uppgifterna i ditt välkomstmail från oss. Skapa egna tjänster i molnet Bekanta dig • Fäll ut mappen ”Application forms” i huvudmenyn genom att klicka på namnet. • Klicka på länkarna för att komma till formulären. • Ta en minut för att bekanta dig med formulären som visas. Skapa egna tjänster i molnet Formulärdesignern • Fäll ut mappen ”Administration” i huvudmenyn. • Klicka på ”Application configuration” och växla till tabben ”Form designer” längst upp på skärmen. Skapa egna tjänster i molnet Öppna formulär • Välj formuläret ”Restaurant” i listan som visas. • Ladda formuläret i formulärdesignern genom att klicka på knappen. Skapa egna tjänster i molnet Lägg till en Ikon-komponent • • • • Klicka på ”Components”. Välj ”Icon”, och drag och släpp den bredvid ”Description” fältet. Klicka på ”Component properties” och välj Facebook-ikonen under inställningen ”Icon”. Klicka på kugghjuls-ikonen, sedan på ”Set action”, ”Open URL”, skriv in platsen https://www.facebook.com/pages/Restaurant-FranzVanCottage, och klicka på ”Ok”. Skapa egna tjänster i molnet Spara ändringar i formulär • Spara ändringarna genom att klicka på Save-ikonen i toppen av formulärdesignern. • Om du vill, följ samma steg för att lägga till ikoner för Twitter och Youtube. • Öppna formuläret i applikationsmenyn och bekräfta att ikonerna öppnar de angivna webbsidorna. Skapa egna tjänster i molnet Lägg till en Link-komponent • • • • Klicka en gång till på “Components”. Välj “Link” och drag och släpp den under de nya ikonerna. Klicka på kugghjulsikonen, sedan på ”Set action”, ”Open URL”, skriv restaurangens webbsida, och klicka på ”Ok”. Klicka på “Component properties” och skriv “Our website” som etikett till den nya länken. Spara formuläret. Öppna formuläret i applikationsmenyn och se hur det ser ut. Skapa egna tjänster i molnet Lägg till en Rektangel-komponent • • • • • • Lägg till en rektangel-komponent som ram för att begränsa sociala media för restaurangen. Klicka på “Component properties” och välj en färg du gillar. Justera storleken på rektangeln genom att dra de blåa perimeterkontrollerna. Höger-klicka på rektangeln och klicka på “Send to back” så att den placeras bakom ikonerna och länken. Spara formuläret. Öppna formuläret i applikationsmenyn och se hur det ser ut. Skapa egna tjänster i molnet Redigera befintliga komponenter • • • • • Låt oss redigera formuläret lite grann. Klicka på den gröna rektangeln och dess innehåll som visas på toppen av formuläret. Du kan använda lassot för att välja dem alla på en gång. Ta bort dem. För nästa gröna rektangeln, välj Label component och kopiera texten i “Component properties”. Sedan välj ikonen och klistra in den i “Tooltip” inställningen. Ta bort rektangeln och labeln. Gör detsamma med den kvarvarande rektangeln. Spara formuläret. Öppna formuläret i applikationsmenyn och se hur det ser ut. Skapa egna tjänster i molnet Grattis, nu är du färdig! Skapa egna tjänster i molnet Skapa egna tjänster i molnet