-
I'm trying to replace the current image selector/uploader with one of my own, like this:
First I added the following lightbox code with the rest of lightboxes used by bloxby:
<div style="color: #f8f8f2; background-color: #282a36; font-family: 'Fira Code'; line-height: 22px; white-space: pre;">
<div><span style="color: #f1fa8c;"><div class="modal fade fileManagerModal" id="fileManagerModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;"></span></div>
<div><span style="color: #f1fa8c;"> <div class="modal-dialog"></span></div>
<div><span style="color: #f1fa8c;"> <div class="modal-content" style="width:1000px"></span></div>
<div><span style="color: #f1fa8c;"> <div class="modal-header"></span></div>
<div><span style="color: #f1fa8c;"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></span></div>
<div><span style="color: #f1fa8c;"> <h4 class="modal-title">Administrador de archivos</h4></span></div>
<div><span style="color: #f1fa8c;"> </div> </span></div>
<div><span style="color: #f1fa8c;"> <div class="modal-body"></span></div>
<div><span style="color: #f1fa8c;"> <iframe id="fileManagerIframeID" src="http://localhost:8000/media-browser/images/?e=imageURL" style="width: 100%; overflow: scroll; height: 500px; border:0px"></iframe></span></div>
<div><span style="color: #f1fa8c;"> </div><!-- /.modal-body --></span></div>
<div><span style="color: #f1fa8c;"> </div><!-- /.modal-content --></span></div>
<div><span style="color: #f1fa8c;"> </div><!-- /.modal-dialog --></span></div>
<div><span style="color: #f1fa8c;"></div></span></div>
</div>
Using a new button, I'm opening the lightbox just like the rest:
<div style="color: #f8f8f2; background-color: #282a36; font-family: 'Fira Code'; line-height: 22px; white-space: pre;"><span style="color: #50fa7b;">$</span>(<span style="color: #e9f284;">'</span><span style="color: #f1fa8c;">#fileManagerModal</span><span style="color: #e9f284;">'</span>).<span style="color: #50fa7b;">modal</span>(<span style="color: #e9f284;">'</span><span style="color: #f1fa8c;">show</span><span style="color: #e9f284;">'</span>);</div>
The lightbox opens fine and closes fine.
However after I close the newly created lightbox and when I try to drag a component to any of my blocks, I'm now getting the following error:
http://imgur.com/a/b5hNv
Please advise.
Thanks!
Replies only viewable for logged in users
-
This reply was modified 6 years, 7 months ago by
Andrew Ozols.
-
This reply was modified 6 years, 7 months ago by Andrew Ozols.
-
This reply was modified 6 years, 7 months ago by
The topic ‘How to extend/create new lightboxes?’ is closed to new replies.
