Notera att Lyyti utvecklas hela tiden, och din vy kanske inte alltid matchar 100% med hur vyn ser ut i artikeln.

Funktionen är inkluderad i följande licenspaket: Starter, Basic, Professional och Enterprise.

En design skapar de grundläggande elementen för det visuella uttrycket på anmälningssidan, mini-eventsidan och i enkäter. Designen bestämmer exempelvis färger, typsnitt och logotyp på anmälningssidan. I Lyyti kan du antingen använda färdiga designer, som Lyyti Green och Lyyti Grey, eller skapa egna designer som matchar din organisations grafiska profil. Endast administratörer och användare med designrättigheter kan skapa nya designer. Designer är alltid synliga och tillgängliga för alla användare inom samma organisation.

Designer kan skapas antingen med designverktyget eller med CSS-redigeraren. Det finns vissa begränsningar för vilka element som kan ändras i designverktyget. För mer avancerad design behöver CSS-redigeraren aktiveras. När CSS-redigeraren har aktiverats kommer den att skriva över alla ändringar som gjorts i designverktyget.

Artikeln innehåller följande sektioner:

• Att skapa en ny design
  • Designverktyget
  • CSS-redigeringsverktyget

Att skapa en ny design

Administratören och användare med designrättigheter kan hantera designs som tidigare under valet Material i toppmenyn.

För att skapa en ny design:

1. Gå till toppmenyn och välj Material

2. Välj Designer i menyn till vänster

3. Alla befintliga designer och Lyytis färdiga designer listas på huvudsidan

4. Välj Lägg till design
   

5. Fyll i grundläggande information för designen: namn, om frågorna som standard ska ligga under varandra eller på samma rad, samt om andra användare också får redigera designen eller endast använda den.

6. Spara och fortsätt

7. Välj att skapa designen med designverktyget eller med CSS kod
   

Observera att om du väljer att skapa designen med CSS-verktyget kommer designverktyget inte längre att fungera. Alla ändringar måste då göras direkt i CSS-koden.

Det är även möjligt att skapa en ny design genom att kopiera en befintlig. För att göra detta, klicka på de tre prickarna på huvudvyn för Designer och välj Kopiera. Om du kopierar en design som använder CSS-verktyget kommer inga ändringar som görs i designverktyget att vara synliga eftersom CSS-verktyget är aktivt.

Designverktyget

En ny design skapas enkelt med den nya design verktyget genom att bara kopiera och klistra in de färger och annat material som behövs.

I designverktyget är det möjligt att definiera följande element:

• Primärfärg

• Knappfärg och textfärg på knappar

• Knapparnas avrundning

• Typsnitt och typsnittsfärger (Du kan välja ett typsnitt från urvalet eller ladda upp ett eget)

• Logotyp

• Bakgrundsfärg eller bakgrundsbild

• Standardbanners: toppbanner och/eller bottenbanner

Färger läggs till i verktyget som hex-koder eller med hjälp av färgväljaren som du kan öppna genom att klicka på färglådan.

När designen är klar, kom ihåg att publicera och spara den i det övre högra hörnet.

CSS-redigeringsverktyget

För mer avancerad design, välj att skapa designen med CSS-redigeringsverktyget istället för designverktyget. I CSS-verktyget är det möjligt att redigera fler element i designen. Om du använder CSS-verktyget skrivs de ändringar som gjorts i designverktyget över och när den väl har aktiverats kan den inte inaktiveras igen.

Du kan hitta den tekniska dokumentationen för designens CSS här. Där kan du se en lista över alla element som kan läggas till i designen och ett exempel på en kod som du kan kopiera och klistra in i din nya design och sedan lägga till de önskade färgerna, typsnitt osv.