Päivitämme Lyytiä jatkuvasti ja tästä syystä näkymäsi ei välttämättä täsmää 100% artikkelin näkymän kanssa.  

Toiminto sisältyy seuraaviin lisensseihin: Starter, Basic, Professional ja Enterprise.

Design luo perustan ilmoittautumissivun, minitapahtumasivulle ja kyselyiden visuaaliselle ilmeelle. Se määrittää ilmoittautumissivun värit, fontit ja logon. Lyytissä voit käyttää joko Lyytin tarjoamia designeja (Lyyti Green ja Lyyti Grey) tai luoda omia designeja, jotka vastaavat organisaatiosi brändivärejä ja -elementtejä. Vain pääkäyttäjät ja ne käyttäjät, joilla on design-oikeudet, voivat luoda uusia designeja. Designit ovat aina näkyvissä ja käytettävissä kaikille saman organisaation käyttäjille.

Ulkoasuja voidaan luoda joko Design-editorilla tai CSS-editorilla. Design-editorilla muutettavissa olevilla elementeillä on tiettyjä rajoituksia. Räätälöidympiä designeja varten voit aktivoida käyttöösi CSS-editorin. Kun CSS-editori on aktivoitu, se kirjoitta yli kaikki Design-editorilla tehdyt muutokset.

Artikkeli sisältää seuraavat osiot:

• Uuden designin luominen
  • Design-editori
  • CSS-editori

Uuden designin luominen

Pääkäyttäjä ja käyttäjät, joilla on designien muokkaamisoikeudet, voivat hallinnoida designeja kuten ennenkin yläpalkin valikosta valitsemalla: materiaalit.

Luo uusi design seuraavien ohjeiden mukaan:

1. Mene yläpalkkiin ja valitse materiaalit

2. Valitse vasemmasta valikosta > designit

3. Kaikki organisaation olemassa olevat designit ja Lyytin valmiit designit näkyvät listattuna pääsivulla

4. Valitse oikeasta yläkulmasta Lisää uusi design
   

5. Täytä designin perustiedot: nimi, ovatko kysymykset oletuksena allekkain vai samalla rivillä ja voivatko myös muut käyttäjät muokata designia vai ainoastaan käyttää designia sitä tapahtumissaan.

6. Tallenna ja jatka

7. Valitse, luotko designin Design-editorilla vai CSS-editorilla
   

Uuden designin voi luoda myös kopioimalla olemassa olevan designin. Tehdäksesi tämän, klikkaa kolmea pistettä designien pääsivulla ja valitse Kopioi.

Design-editori

Design-editorissa on mahdollista määritellä vain tietyt elementit:

• Ensisijainen väri

• Painikkeen väri ja painikkeen tekstin väri

• Painikkeen pyöristys

• Fontit ja fonttien värit (Voit valita fontin valikoimasta tai ladata oman fonttisi)

• Logo

• Taustaväri tai -kuva

• Oletusbannerit: yläbanneri ja/tai alabanneri

Värit lisätään editoriin hex-värikoodeina tai värivalitsimen avulla.

Kun design on valmis, muista julkaista ja tallentaa se oikeasta yläkulmasta.

CSS-editori

Valitse vaativampia toteutuksia varten designin luominen CSS-editorilla design-editorin sijaan. CSS-editorissa on mahdollista muokata useampia design-elementtejä. CSS-editorin käyttö ylikirjoittaa design-editorin puolella tehdyt muutokset.

Löydät CSS-koodin teknisen dokumentaation täältä. Dokumentaatiosta näet kaikki elemenitit, joita voidaan hyödyntää ilmeen luomisessa. Tää lisäksi dokumentaatiossa on valmis kopioitava pohja, jonka voi kopioida suoraan editoriin. Kun koodipohja on lisätty editoriin, voidaan siihen tehdä tarvittavat muutokset ja lisäykset jotta ilmeeseen saadaan määriteltyä värit sekä muut elementit.

Tässä esimerkki:

Kun design on valmis, muista julkaista ja tallentaa se oikeasta yläkulmasta.