Вградената iframe форма не се показва напълно

  • PDimitrov
    Зададен на 18 ноември 2020 г. в 8:47

    Имам обширна форма, която включва условна логика. Можете да я видите тук: https://secure.jotformpro.com/form/51197144508961

    Използва се система за управление на съдържанието.

    Когато вградих формата, използвайки кода предложен за iFrame, формата беше твърде кратка, затова промених параметъра за дължина на 100%. Това позволи много повече от формата да се покаже, но все пак приключва преждевременно.

    Това е кодът, който използвам за вграждане на формата:

    <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>

    Бих предпочел да имам тази, като вградена форма. Предложения?

  • PDimitrov
    Отговорено на 18 ноември 2020 г. в 8:52

    Между другото, формата сега показва само много малко количество информация. Спира на заглавието.

  • Ivaylo Jotform Support
    Отговорено на 18 ноември 2020 г. в 8:59

    Тъй като формата Ви е висока почти 6000 пиксела, бих препоръчал да промените свойството на височина на 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>

    Може да не е очевидно, но уеб технологията е проектирана по такъв начин, че 100% височина за iframe означава, че iframe има същата височина като елемента, в който е iframe.

    Това не позволява на iframe да показва 100% от съдържанието на iframe. Поради това, моля избягвайте да задавате височината на своите iframe-и в процентни стойности - процентите тук имат различно значение, отколкото повечето хора биха предположили.

    Моля уведомете ни, ако задаването на 6000px разреши проблема за вас или ако имате някакви проблеми при настройката на формата си. Ще се радваме да ви помогнем да направите формата си точно такава, каквато искате да бъде.

    Поздрави,

    Ивайло

  • PDimitrov
    Отговорено на 18 ноември 2020 г. в 9:08

    Здравейте Ивайло,

    Вашето решение работи и не работи.

    Проблемът е, че във формата е вградена условна логика. Ако се изисква допълнително пространство поради изпълнението на условната логика, формата отново е твърде къса.

    Предполагам, че бих могъл да променя дължината на 10 000, но тогава би изглеждало глупаво с голям кафяв блок в края.

    Благодаря

  • Ivaylo Jotform Support
    Отговорено на 18 ноември 2020 г. в 9:14

    Можете също така да опитате да настроите scrolling="auto".

    Ето пример:

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

    Това трябва да ви даде първоначална височина, която да покрива цялата ви форма, след което, когато тя стане по-дълга поради условна логика се появява превъртането.

    Уведомете ни, ако това работи.

    Благодаря.

  • PDimitrov
    Отговорено на 18 ноември 2020 г. в 9:17

    Да. Това работи! :)