This topic contains 2 replies, has 2 voices, and was last updated by Sean Sean 4 months, 1 week ago.

Modal Disappears Immediately


  • smauel
    Participant

    Posts: 12
    Member Reply #19064

    Hello, we are currently converting an old Metronic installation to the new design and are working to create our core interior pages (great job by the way, really cool stuff you have developed here!)

    We have a page with the following URL:
    https://www.thea1staff.com/new/inner-tech.php

    There is a link near the title of the page that reads Filter Tech and we want that to open a modal, centered on the page.  When we setup the code it does open the modal, but then immediately closes it.  Not sure if we are missing any supporting JavaScripts or CSS files.  From looking at it I think we have everything we need, so I am not sure why the modal is closing immediately.  Any help you can provide would be greatly appreciated!

    The code on the page is:

    <!– BEGIN: Subheader –>

    <div class=”m-subheader “>

    <div class=”d-flex align-items-center”>

    <div class=”mr-auto”>

    <h3 class=”m-subheader__title m-subheader__title–separator”>Technician Overview</h3>

    <ul class=”m-subheader__breadcrumbs m-nav m-nav–inline”>

    <li class=”m-nav__item m-nav__item–home”>

    <i class=”m-nav__link-icon la la-home”></i>

    <li class=”m-nav__separator”>-

    <li class=”m-nav__item”>

    <span class=”m-nav__link-text” data-toggle=”modal” data-target=”#m_modal_6″>Filter Techs</span>

    </div>

    <div></div>

    </div>

    </div>

    <!– END: Subheader –>

     

    <!– BEGIN: MODAL Tech Filter Form –>

    <div class=”modal fade” id=”m_modal_6″ tabindex=”-1″ role=”dialog” aria-labelledby=”exampleModalCenterTitle” style=”display: none;” aria-hidden=”true”>

    <div class=”modal-dialog modal-dialog-centered” role=”document”>

    <div class=”modal-content”>

    <div class=”modal-header”>

    <h5 class=”modal-title” id=”exampleModalLongTitle”>Select Technician</h5>

    <button type=”button” class=”close” data-dismiss=”modal” aria-label=”Close”>

    <span aria-hidden=”true”>×</span>

    </button>

    </div>

    <div class=”modal-body”>

    <select class=”form-control”>

    <option value=”201″>201</option>

    <option value=”202″>202</option>

    </select>

    </div>

    <div class=”modal-footer”>

    <button type=”button” class=”btn btn-secondary” data-dismiss=”modal”>Close</button>

    <button type=”button” class=”btn btn-primary”>Save changes</button>

    </div>

    </div>

    </div>

    </div>

     

    <!– END: MODAL Tech Filter Form –>

     

    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #19183

    Hi,

    Sorry, we could not check your page since its throwing an error(page is not accessible).
    However this modal issue should not be related to the theme’s base features. Please double check your custom code to find out what is causing the issue.

    Thanks.

    Sean
    Sean
    Keymaster

    Posts: 4527
    Support Staff Reply #19184

    Hi,

    Sorry, we could not check your page since its throwing an error(page is not accessible).
    However this modal issue should not be related to the theme’s base features. Please double check your custom code to find out what is causing the issue.

    Thanks.

You must be logged in to reply to this topic.