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
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
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
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
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
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
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
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.