オンラインフォームでの高さの高さ

私は自分のモーダルで自分のフォームの高さをどのように変更するのか知っていますが、CSSの高さはフォームの変更後のモーダルの高さを定義するときオンラインフォームなので、フォームの高さが高すぎると、それはキャプチャオンラインフォームでの高さの高さ

私のモーダル

<div class="modal fade" id="contact" data-backdrop="false"> 
    <div class="modal-dialog modal-lg"> 
    <!-- Modal content--> 
    <div class="modal-content"> 
     <div class="modal-body"> 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <div class="pipedriveWebForms" data-pd-webforms="https://pipedrivewebforms.com/form/2067fd4d72477805424c879502205cc81994719"><script src="https://pipedrivewebforms.com/webforms.min.js"></script></div> 
     </div> 
    </div> 
    </div> 
</div>

0の後に続けるので、私はそれを行うたいフォーム

にCSSスタイルを適用

私のCSS

.modal-body { 
    padding: 20px 50px; 
} 

.modal-body { 
    position: relative; 
    padding: 15px; 
}

出典

2017-09-04 Antoine Wako

人生が容易になります完全なコード –

私はあなたが提供したHTMLとCSSを実行しており、モーダルの高さは問題ありません。したがって、あなたが示す問題は、モーダルを開くコードの広いコンテキストで発生します。ブラウザのデベロッパーコンソールで開いた後にモーダルを調べ、その高さに影響を与えるかもしれない他のCSSを見つけます。 –

あなたはモーダルウィンドウにはiframeをロードしています。 Yoiurドキュメントにはiframeの高さに関する情報はありません（この情報をドキュメントに送信しない場合）。 605pxあなたの例では、あなたのCSSでこれを使用することができます：しかし、あなたはIFRAMEを常に一定の高さを持っていることを知っていれば

.pipedriveWebForms { 
    height: 800px !important; /* you have to update this to fit your needs */ 
}

フィドルここに：あなたが提供する場合https://jsfiddle.net/0jhpzkes/

出典

2017-09-04 10:10:19

オンラインフォームでの高さの高さ

答えて

関連する問題