[Resolved] Modal no longer fires when I switch toolset to bootstrap 4

[Author]

Posts

[Cody Benson]

I have an existing working view at hidden link when toolset is set to bootstrap 3. When I switch to bootstrap 4, the modal does not open and no errors are displayed in the console.

[Waqar]

Hi,

Thank you for contacting us and I'd be happy to assist.

I've performed some tests on my website and noticed that for the Bootstrap 4 modal, the target ID needs to be alpha-numeric.

From your view's code, it seems that the modal is set to use the current post's ID, as the modal's target ID, which is numeric.

Existing code for the button:

<button type="button" class="qv btn btn-info btn-default" data-toggle="modal" data-target="#[wpv-post-id]">Quick View <i class="fa fa-eye"></i></button>

Existing code for the modal:

<div class="modal" id="[wpv-post-id]">
...
</div>

Updated code for the button:

<button type="button" class="qv btn btn-info btn-default" data-toggle="modal" data-target="#section-[wpv-post-id]">Quick View <i class="fa fa-eye"></i></button>

Update code for the modal:

<div class="modal" id="section-[wpv-post-id]">
...
</div>

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

[Cody Benson]

My issue is resolved now. Thank you!