Modal on click using icon

4 replies · opened Sep 25, 2019

RRadimKlimekSep 25, 2019

Hello,

I would like to use a model on click for the portfolio page.

On this page when clicking on the "three dots" icon I would like a large modal to be opened instead of going to portfolio-single.html

Is that possible?

Thank you very much for your answer!

Regards,

Radim

SSemicolon WebSTAFFSep 26, 2019

Hello,

Yes Absolutely! You can simply use the codes from here: https://getbootstrap.com/docs/4.3/components/modal/#live-demo .

And the for the "Three Dots" Icon Trigger for the Modal, you can use the following code:

[](portfolio-single.html)

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.

RRadimKlimekOct 16, 2019

Hello,

Thank you very much for your answer. I tried to use your code but the modal doesn't seem to work.

Please see this page, it's used for the first image (Man walks for the first time) on the three dots icon http://new.wyomingprosthetics.com/patient-stories.html

Can you please tell me what I'm doing wrong?

Thank you so much!

Radim

SSemicolon WebSTAFFOct 16, 2019

Hello,

Make sure that the Modal Content DIV is outside the #portfolio DIV for better compatibility.

This should definitely fix the issue. Hope this Helps!

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

RRadimKlimekOct 21, 2019

This worked, thank you really much!

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