Lomakkeen muotoilu

Käytä Lomake-välilehteä mukauttaaksesi lomakkeen ulkoasua. Tällä välilehdellä voit määrittää koko lomakkeen yleiset ulkoasu-asetukset. Näitä asetuksia sovelletaan oletusarvoisesti kaikkiin lohkoihin, ellet aseta yksittäisille lohkoille omia asetuksia, jotka yliajavat yleiset asetukset.

Tekstin konfigurointi

Valitse haluamasi fontti Fontti-valikosta, fonttikoko pikseleinä Fonttikoko-kentässä ja aseta tekstin väri Tekstin väri-valitsimella:

Muotoilu CSS:llä

Jos haluat mukauttaa lomakkeita omiin tarpeisiisi sopiviksi, napsauta Lomake-sivulla ja lisää oma CSS:si HTML-luokkien avulla. Voit tarkistaa käytettävät luokat selaimen kehitystyökaluilla.

Lomakkeen ulkoasu on suojattu ulkoiselta CSS:ltä Shadow DOM:lla, kun lomake on upotettu. Olemassa olevan vanhan lomakkeen kohdalla voit nyt valita Siirrä lomake erilliseen CSS-tilaan (Shadow DOM:iin), jos haluat säilyttää sen ulkoasun. Et enää näe tätä valintaruutua, kun se on valittu ja lomake tallennetaan ja ladataan uudelleen. Sinun on varmistettava, että tämä valintaruutu ei ole päällä vanhan lomakkeen kohdalla, jos haluat, että se kunnioittaa ulkoista CSS:ääsi.

”CSS” -kentän käyttäminen

Syötä oma CSS:si CSS-kenttään säätääksesi koko lomakkeen ja sen elementtien ulkoasua.

Esimerkiksi, jos olet luonut yksinkertaisen rekisteröintilomakkeen:

Haluat ehkä lisätä seuraavan CSS:n:

Yllä oleva CSS muuntaa lomakkeen värikkäämmäksi versioksi:

”CSS luokka” -kentän käyttäminen

Joskus sinun on käytettävä CSS-luokka-kenttää, jotta voit lisätä oman luokan nimen lomakkeeseen. Tämä voi auttaa esimerkiksi käyttämään samaa CSS:ää uudelleen saman tyyppisille lomakkeille.

Esim. ponnahduslomakkeessa: