Övning: Lägg till komponenter

Ö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