Как обернуть размер iframe внутри модального бутстрапа - PullRequest
Новая
       8

Как обернуть размер iframe внутри модального бутстрапа

0 голосов
/ 30 января 2019

На самом деле я пытаюсь показать iframe в модале начальной загрузки, но проблема в том, что содержимое iframe является динамическим, поэтому размер может изменяться каждый раз, когда кто-то открывает эту модель.

Как и здесь, модал слишкомбольшой, так что много пробелов

enter image description here

Но если в iframe много элементов, он выглядит "отлично"

enter image description here

Вот модальный код 

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">

        <!--Content-->
        <div class="modal-content">

            <!--Body-->
            <div class="modal-body mb-0 p-0">

                <div class="embed-responsive z-depth-1-half" style="height:100%">
                    <iframe class="embed-responsive-item" src="frameticket.aspx"></iframe>
                </div>

            </div>

        </div>
        <!--/.Content-->

    </div>
</div>

1 Ответ

0 голосов
/ 30 января 2019

Переписать высоту модального контента, подобного этому 

<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">

        <!--Content-->
        <div class="modal-content" style="height:auto; max-height:400px; overflow-y: scroll">

            <!--Body-->
            <div class="modal-body mb-0 p-0">

                <div class="embed-responsive z-depth-1-half" style="height:100%">
                    <iframe class="embed-responsive-item" src="frameticket.aspx"></iframe>
                </div>

            </div>

        </div>
        <!--/.Content-->

    </div>
</div>
...