IFrame upotettu lomake ei näy kokonaan

  • Profile Image
    KatriOjala
    Asked on February 21, 2021 at 03:47 PM

    Moi,

    Lomakkeeni on pitkä ja sisältää ehdollista logiikkaa.

    Käytämme Ektron CMS:ää työvälineenä.

    Kun upotin lomakkeen suositellulla IFrame -upotuskoodilla, se jäi liian lyhyeksi joten vaihdoin pituusparametrin olemaan 100%. Tämä antoi lisää tilaa lomakkeelle, mutta se loppuu silti kesken.

    Tässä koodi jota käytän: 

    <iframe id="JotFormIFrame" src="https://secure.jotformpro.com/form/51197144508961" frameborder="0" scrolling="no" style="border: currentColor; width: 100%; height: 100%;" allowtransparency="true" onload="window.parent.scrollTo(0,0)"></iframe>

    <script type="text/javascript"><!--

    //--></script>


    Mielelläni haluaisin pitää lomakkeen upotettuna. Ehdotuksia miten saan korjattua lomakkeen?

  • Profile Image
    KatriOjala
    Answered on February 21, 2021 at 03:49 PM

    Lomake näyttää siis vain pienen osan tiedoista. Lomake loppuu melkein heti headerin jälkeen.

  • Profile Image
    Laura_L
    Answered on February 21, 2021 at 04:34 PM

    Hei Katri,

    Koska lomakkeesi on 6000px korkea, suosittelisin, että vaihdat IFrame -koodissa korkeuden olemaan 6000px.

    <iframe id="JotFormIFrame" src="https://secure.jotformpro.com/form/51197144508961" frameborder="0" scrolling="no" style="border: currentColor; width: 100%; height: 6000px;" allowtransparency="true" onload="window.parent.scrollTo(0,0)"></iframe>

     IFrame on suunniteltu niin, että 100% korkeus tarkoittaa, että IFramen korkeus on sama, kuin elementti johon IFrame on sijoitettu.

    Eli 100% asetus ei tarkoita, että IFramen sisällä oleva lomake näytetään sataprosenttisesti. Tämän vuoksi kannattaa välttää käyttämästä prosentteja IFramen korkeusasetuksissa, sillä niillä on hieman erilainen merkitys mitä voisi äkikseltään olettaa

    .Kokeile jos 6000px asetus auttaa ongelmaasi, ja jos lomakkeen kanssa ilmenisi mitään ongelmia, otathan meihin yhteyttä. Autamme mielellämme että saat luotua lomakkeestasi juuri sellaisen kuin haluat.

    Ystävällisin terveisin,
    Laura

  • Profile Image
    Laura_L
    Answered on February 22, 2021 at 10:21 PM

    Hei,

    Voit myös kokeilla asetusta scrolling="auto".

    Tässä esimerkki: 

    <iframe id="JotFormIFrame" src="https://secure.jotformpro.com/form/51197144508961" frameborder="0"scrolling="auto" style="border: currentColor; width: 100%; height: 6000px;"allowtransparency="true" onload="window.parent.scrollTo(0,0)"></iframe>

    Tällä tavoin korkeus kattaa koko lomakkeen, ja kun lomake venyy näytettävien kysymysten myötä, lomakkeelle ilmestyy skrollausvalikko sivuun.

    Kerrothan toimiiko ratkaisu.
    Kiitos!

  • Profile Image
    KatriOjala
    Answered on February 22, 2021 at 10:43 PM

    Jippii, toimi! :)