Материализация вкладок в модальных не показывать содержание - PullRequest
Новая
       11

Материализация вкладок в модальных не показывать содержание

0 голосов
/ 20 октября 2018

Я создаю модал с использованием materialize, и в нем я пытаюсь размещать вкладки с возможностью перелистывания.

Странная вещь, которая происходит, заключается в том, что заголовок вкладок появляется, но содержимое вкладок вообще не отображается.Как я могу это исправить?

Вот моя скрипка jsfiddle и позвольте мне сказать вам, что это весь код, скопированный из документации 

<div id="profession-registration-modal" class="modal">
<div class="modal-content">
    <h4>Register your profession</h4>

    <div class="row">
        <div class="col s12">
            <ul id="tabs-swipe-demo" class="tabs">
                <li class="tab col s3"><a href="#test-swipe-1">Test 1</a></li>
                <li class="tab col s3"><a class="active" href="#test-swipe-2">Test 2</a></li>
                <li class="tab col s3"><a href="#test-swipe-3">Test 3</a></li>
            </ul>
            <div id="test-swipe-1" class="col s12 blue">Test 1</div>
            <div id="test-swipe-2" class="col s12 red">Test 2</div>
            <div id="test-swipe-3" class="col s12 green">Test 3</div>
        </div>
    </div>

</div>
<div class="modal-footer">
    <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
</div>

1 Ответ

0 голосов
/ 20 октября 2018

Высота содержимого вкладки устанавливается по умолчанию height: 0px.Вы можете установить его в своем CSS: 

div.tabs-content.carousel.carousel-slider {
  height: 200px !important;
}

jsfiddle

...