Modal wont open in second tab

1 reply · opened Nov 5, 2021

VVirtualEducNov 5, 2021

Hello,
I tried the help i received below and still wont work. When second tab (undergraduate credits) is active, modal will not show up when I click the "Details" link. See image attached. Appreciate any help :)


Hello, We have checked out the Codes and it appears that this issue is occurring due to Modal Content codes being added inside a Hidden Content. Consider moving your Modal Content code. Example:

<div class="modal fade bil-G3" ...>
...
</div>

outside the Item but preferably just before the #wrapper DIV ends. This will ensure that the Modal Content is not obscured. Additionally, also consider doing an extra check for Duplicate Modal Targets as this could cause an issue with launching the Modals. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues. Thanks. :)


SSemicolon WebSTAFFNov 6, 2021

Hello,

Thanks for your Patience!

We have checked this out and the issue appears to be with the Custom JS Codes you are using inside the ../js/functions-ben.js File. It appears that the Bootstrap Modals are currently not compatible with the IsoTope Plugin. Please consider using Tabs instead while we find a Solution for this since this would require extra Custom Codes in order for the codes to work correctly. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard