Kun kysely upotetaan osaksi toista verkkosivua, kannattaa sen ulkoasua muokata pienempään tilaan sopivaksi. Ohjeet kyselyn upottamiseen löydät englanniksi täältä: https://developer.surveypal.com/docs/embed-surveys
Pystysuoran ja vaakasuoran tilan muutokset kannattaa lisätä Ulkoasu-näkymässä kolmeen tyyliin: työpöytä, pysty mobiili ja vaaka mobiili
Pystysuoran tilankäytön optimointi
Muokkaa seuraavien asetusten arvoja Ulkoasu-näkymässä Koot ja muodot -kohdassa:
Marginaali, yläreuna: 0px
Marginaali, alareuna: 0px
Sivun marginaali, yläreuna: 0px
Sivun marginaali, alareuna : 0px
Vaakasuoran tilankäytön optimointi
Upotettavasta kyselystä voi karsia ylimääräistä tyhjää tilaa pois vasemmasta ja oikeasta reunasta, jolloin kyselyn sisältö asettuu lähemmäs kehystään ja kyselyä on helpompi sommitella sivun muun sisällön kanssa.
Muokkaa seuraavia asetuksia Ulkoasu-näkymässä kohdassa Koot ja muodot:
Leveys: 100%
Sivun marginaali, vasen reuna: 0%
Sivun marginaali, oikea reuna: 0%
Räätälöity CSS
Yllä olevien muutosten lisäksi voit parantaa tilan käyttöä lisäämällä alla olevat CSS-koodit Ulkoasu-näkymän räätälöity CSS -kenttään (yläreunan ikoni </>)
Voit pienentää ‘Powered by Surveypal’ -linkin yläpuolella olevaa tilaa tällä CSS-koodilla:
.form .poweredBy {margin-top: 1em; }
Lisäksi voi pienentää kysymyselementtien välissä olevaa tilaa tällä CSS-koodilla:
.element { margin-bottom: 1em; }
Jos kyselysi on lyhyt niin voit piilottaa myös edistymispalkin ja takaisin-napin CSS-koodilla:
.progress { display:none; }
button.prev { display:none; }