Forums

Chronoform 7 modal window

PGF 11 Oct, 2021
Hi,

I'm creating a form using Chornoforms 7 for Joomla 3.6.2.
I'm having issues creating a modal for delete confirmation, when triggered, the main window becomes dark and the modal window appears in the background but it not clickable at all, it remains also dark.
I'm using the designer setup for creating the form.
I followed the same steps as the basic article list example, and also in the example it happens the same thing, I'm not sure if it's a bug or I'm doing something not correct.

Thank you, have a nice day
GreyHead 11 Oct, 2021
Hi PGF,

It sounds as though there is a problem with the CSS for the modal window and it is not being brought to the front. I suggest that you check the z-index settings in the page CSS.

Bob
PGF 11 Oct, 2021
Hi Bob,

thank for the quick answer, could help me identify where I can find the sourse css files for chronoform 7?
I'm using since a couple of weeks and I still didn't have a look at source code files, I tried to search a bit but I could locate the directory with the css used by chronoform 7.

Thank in advance,
Have a nice day
Gatsman 05 Jan, 2022
Hello PGF,

Don't know if solved your problem but i had the same, it is not an issue with Chronoforms but with your template.
What you have to do is first make sure .modal has higher z-index than .dimmer (it should in the first place) and then go thought all the div & elements in your page find the ones that have z-index property and set it to: z-index: initial;

Mine was something like this:
<div class="viewport" -> had z-index
<div>
<div class="top_wrapper" -> had z-index
<section -> had z-index
<div class="row">
<div class="chronoforms
<form>
<div class="ui modal

Hope it helps
You need to login to be able to post a reply.