I need to change the z-index here
div id="simplemodal-container" class="simplemodal-container" style="position: fixed; z-index: 1002; height: 455px; width: 701px; left: 441px; top: 10.5px;">Thanks!
updated by @dazed: 09/28/14 03:51:51AM
JAMROOM
solved Simple Modal CSS
Anyone know where the css to simplemodal is hiding? I need to add a z-index!
I need to change the z-index here
Thanks!
updated by @dazed: 09/28/14 03:51:51AM
I need to change the z-index here
Thanks!
updated by @dazed: 09/28/14 03:51:51AM
its in:
/module/jrCore/js/jquery.simplemodal.1.4.4.min.js
If it was me, I'd over-ride it with !important rather than changing it in the core code.
/module/jrCore/js/jquery.simplemodal.1.4.4.min.js
If it was me, I'd over-ride it with !important rather than changing it in the core code.
Have an example?
Is this for the review modal?
If so you can try this...
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
If so you can try this...
<div id="review_{$item._item_id}" class="search_box" style="display:none;z-index:9999 !important;">--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
I added that in and no go. I played with the value in firebug and it still fell behind the menu bar. I ended up changing it in the js for now. Any ideas on a fix for the other and I can put the js back?
Its the modal container you need to change the zindex on
--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
.simplemodal-container {
z-index: 10000 !important;
}
.simplemodal-overlay {
z-index: 9999 !important;
}
--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
Thanks Steve. I do not see that field in the tpl that is why it was driving me crazy the other night and why I just ended up changing the js,
<a onclick="$('#review_{$item._item_id}').modal();" title="Reviews For {$item.audio_title}">{jrCore_icon icon="pen"}</a>
<div id="review_{$item._item_id}" class="search_box" style="display:none;z-index:9999 !important;">
<div class="block">
<div class="block_title">
<h2>Reviews For {$item.audio_title}</h2>
</div>
<div class="block_config">
<input type="button" class="simplemodal-close form_button" value="x">
</div>
<div class="clear"></div>
<br><br>
<div class="block_content">
<div class="row">
<div class="col9">
<div class="p5">
{jrComment_form module="jrAudio" profile_id=$item._profile_id item_id=$item._item_id}
</div>
</div>
</div>
</div>
</div>
</div>
Steve's example is spot on.
That stuff is added by the js, its not in the templates.
If you change core stuff, then you have more work to do each time an update comes out.
That stuff is added by the js, its not in the templates.
If you change core stuff, then you have more work to do each time an update comes out.
I would prefer to follow Steve's approach but I do not find the container anywhere. If anyone knows where it is, please let me know!!!
You'll find the .simplemodal-overlay in your core_admin_modal.css file, you can add the .simplemodal-container to that file if you need to.
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
updated by @douglas: 08/19/14 04:13:41AM
--
Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
updated by @douglas: 08/19/14 04:13:41AM
SteveX:
Its the modal container you need to change the zindex on
put that code in any skin .css file.
Its the modal container you need to change the zindex on
.simplemodal-container {
z-index: 10000 !important;
}
.simplemodal-overlay {
z-index: 9999 !important;
}
perfect. thanks all!
