modal popovers within section class not working

6 replies · opened Feb 1, 2019

RrobertverrFeb 1, 2019

Hi,

My template is mainly light with some dark sections. After many tests, I found out that the only way to get a real dark section is to use the following: <div class="section dark ...". First I am wondering if this is right since nothing else seems to work to get a proper dark section in a light template.

My issue now is that I can't use a modal popover within any of these dark section class:

Last test I did was trying to integrate the first modal popover from the modal-popovers.html page within the following demo-gym.html first dark section. Doing so result in the page being totally broken and needs to be closed.

Any way to integrate such modal within a dark section?

Thank you,
Robert

RrobertverrFeb 5, 2019

Hello Semicolon,

Any idea how to move on with this issue?
Thank you,
Robert

SSemicolon WebSTAFFFeb 7, 2019

Hello,

It would be great if you can provide us with a Sample Code so that we can check this out for you. Additionally, you can use the Modal Content anywhere on the Page, even if it is outside the .section DIV.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

RrobertverrFeb 7, 2019

Hello,

My website is not online yet. So, like I stated in my original post, to demonstrate the issue, I simply added a modal popover within any <div class=”section dark …”

So attached is demo-gym with the first popover from modal-popovers.html

If you click the button, the whole page is broken (chrome) and need to be closed.

Thank you,
Robert

SSemicolon WebSTAFFFeb 10, 2019

Hello,

Thanks for your Patience!

There definitely is an issue with this and we are looking into this at the moment. We will provide you with a solution shortly. Really Appreciate your Patience!

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

SSemicolon WebSTAFFFeb 11, 2019

Hello,

We have checked this out for you and due to Bootstrap Restrictions, you will need to use the .modal Element directly inside the .content-wrap Element to avoid any unexpected issues. Consider using this Example: https://www.dropbox.com/s/v8jbf7uqhevd6et/demo-gym-with-popovers.html?dl=1 .

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

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