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

Имам обширна форма, която включва условна логика. Можете да я видите тук: 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>

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

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

Тъй като формата Ви е висока почти 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 разреши проблема за вас или ако имате някакви проблеми при настройката на формата си. Ще се радваме да ви помогнем да направите формата си точно такава, каквато искате да бъде.

Поздрави,

Ивайло

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

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

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

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

Благодаря

Можете също така да опитате да настроите 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>

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

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

Благодаря.

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