Kortbetalning - Design i FlexWin

I DIBS FlexWin kan man få betalningsfönstret att se precis likadant ut som resten av registreringen. Det är inte helt intuitivt men här är en hjälp.

Inställningarna för designen i FlexWin görs i DIBS Administration och i Integration/FlexWin. Där finns det fyra fält för att ladda upp filer.

Den första filen, kallad "Decorator" ska innehålla htmlkoden. Den kan se ganska krånglig ut men följ anvisningarna nedan så ska det inte vara så svårt:

• Ladda ner följande fil och spara på din dator och öppna i Anteckningar (högerklicka och välj "Spara som.."). Decorator.txt.
• Öppna den mall i Delegia Meeting System du vill använda och klicka på knappen "Källa" i editorn
  
• Kopiera allt fram till taggen [Content] och klistra in i filen Decorator.txt där det står <!-- Här läggs början av mallen -->.
• Kopiera allt som finns efter taggen [Content] och klistra in där det står <!-- Här läggs slutet av mallen-->.
• Ta bort alla delegia-specifika taggar (ex.vis [Menu]), dessa kommer ej att fungera hos DIBS.
• Leta upp alla bilder i koden och byt ut adressen till bilderna så att det bara står images/bildens namn. Ändra t.ex. <img src=https://www.delegia.com/app/data/1168/bild.jpg> till <img src="images/bild.jpg">.
• Spara filen som decorator.xml och ladda upp den i fältet "Decorator".
• Klicka på "Uppdatera"

Nu är den filen uppladdad men det kommer att se konstigt ut eftersom bilderna inte kommer med. Gör så här för att få med dem:

• Leta upp de biler som fanns med i mallen i filarkivet. Klicka på en av dem så att den öppnas i ett nytt fönster. Högerklicka på bilden och välj "Spara bild som..." för att spara ner den på din dator.
• Ladda upp dem en efter en i DIBS Administration genom rutan "Ny bild".

Det sista som måste göras är att ladda upp en stilmall.

• Öppna Anteckningar och skapa en fil som du döper till decorator.css. I Delegia Meeting System, klicka på Innehållshantering/HTML head och kopiera allt innehåll
• Klistra in allt i decorator.css. Gå igenom iinehållet och ta bort allt som inte ör css (javascript, metataggar mm).
• Ladda upp filen DIBS Administration i rutan "Stylesheet".

Nu är det färdigt att testa.