Modal box

3 replies · opened Mar 30, 2021

JjazzyflashMar 30, 2021

I'm having problems programing a modal box and can use your expertise. I've attached a screenshot of my Modal box. I'd like to add the icon and the code to close the box on the upper right corner of the attached screenshot and not the outer edge of the modal frame that I see in your example. What code should I use to close this modal box and if I decide to move the positioning of the modal box for example higher or lower in the frame, what code should I use and where do I place the code?

Thank you for your continued support.

~jeff

SSemicolon WebSTAFFMar 31, 2021

Hello,

  1. Currently the Modal Box can only be placed in the center of the viewport.

  2. Find this line of code: closeBtnInside: false, in the plugins.lightbox.js File and change the value to true.

If you are using the js/plugins.js or the js/plugins.min.js File, you will need to Update the above codes in these Files as well. More information on using Javascript Files is available here; http://docs.semicolonweb.com/docs/getting-started/javascript/ . Consider trying this minifier: https://javascript-minifier.com/ for the js/plugins.min.js File.

Hope this Helps!

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

JjazzyflashMar 31, 2021

Thanks for your reply.I still do not understand what the actual code to place on the button to close the modal. I could not find it in your modal examples. For example if my button is called "close_modal_button", what is the code for this button

Thank you for your continued support.

~jeff

SSemicolon WebSTAFFMar 31, 2021

Hello,

You can consider using the following code:
[ch_pre]Close[/ch_pre]

This will close the Modal. However, you will need to design this according to your needs manually as we currently do not provide Customization related support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

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