საიტზე ჩასმული ფორმა სრულად არ ჩანს

  • Profile Image
    RuslaniFutkaradze01
    Asked on May 10, 2021 at 12:10 PM

    გარმარჯობა!

    მაქვს საკმაოდ გრძელი ფორმა, რომლის ველების ნაწილი ნაჩვენებია მხოლოდ მაშინ როდესაც გარკვეული ველები შევსებულია:

    https://form.jotform.com/211294661933458


    როდესაც ჩავსვი ფორმა ჩემს ვებსაიტზე iFrame კოდის გამოყენებით, ის იყო სკმაოდ მოკლე და სრულად არ ჩანდა. ამიტომაც კოდში სიგრძის პარამეტრი შევცვალე 100%-ით. მართალია ახლა საიტზე ფორმის ძირითადი ნაწილი გამოჩნდა, მაგრამ მაინც არასრულად არის ნაჩვენები:

    https://shromisusafrtxoeba.blogspot.com/2021/05/1-true-false-ifisjotform-contentwindow.html


    ეს არის კოდი რომელსაც ვიყენებ

    <iframe

      id="JotFormIFrame-211294661933458"

      title="შრომის უსაფრთხოების შესწავლის ფორმა"

      onload="window.parent.scrollTo(0,0)"

      allowtransparency="true"

      allowfullscreen="true"

      allow="geolocation; microphone; camera"

      src="https://form.jotform.com/211294661933458"

      frameborder="0"

      style="

      min-width: 100%;

      height: 100%;

      border:none;"

      scrolling="no"

     ></iframe>


    როგორ შეიძლება აღნიშნულის გასწორება ისე, რომ ფორმა სრულად გამოჩნდეს ჩემს საიტზე?

    მადლობა!



  • Profile Image
    Niko_N
    Answered on May 10, 2021 at 12:34 PM

    გამარჯობა!

    თქვენი ფორმა სიმაღლეში არის დაახლოებით 3910 პიქსელი, ამიტომაც უკეთესი იქნება თუ თქვენს კოდში გამოიყენეთ მოცემულ ატრიბუტს height: 3910px;

    ასევე, ვინაიდან თქვენი ფორმის ზოგიერთი კითხვა ნაჩვენებია პირობითი ლოგიკის შესაბამისად, რეკომენდირებულია მოცემული ატრიბუტის გამოყენებაც: scrolling="auto".

    შესაბამისად საბოლოო კოდი იქნება ასეთი:

    <iframe

      id="JotFormIFrame-211294661933458"

      title="შრომის უსაფრთხოების შესწავლის ფორმა"

      onload="window.parent.scrollTo(0,0)"

      allowtransparency="true"

      allowfullscreen="true"

      allow="geolocation; microphone; camera"

      src="https://form.jotform.com/211294661933458"

      frameborder="0"

      style="

      min-width: 100%;

      height: 3910px;

      border:none;"

      scrolling="auto"

     ></iframe>


    გთხოვთ შეამოწმეთ მოცემული კოდი და გვაცნობეთ თუ კვლავ ფიქსირდება რაიმე სახის პრობლემა.

    პატივისცემით,

    ნიკო ნ.