Posted 19 June 2013 - 04:01 PM
Hi, I have a modal in my site that is started by clicking the default button
Posted 19 June 2013 - 09:41 PM
I've got a modal to launch from an image. But you'll need to use the modal html code from bootstrap and edit rather than use the shortcode.
Posted 20 June 2013 - 10:47 AM
thanks for your help!
I have an image in a column footer of my site, and it should pop-up the modal when clicked.
<a href="#myModal" data-toggle="modal"><img src="url" alt="" class="aligncenter size-full wp-image-371"/></a>
I put it on the text widget inside column footer, no problem at all, and what about the modal structure?
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
The content for your modal goes in here .....
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
Where should I put it? Inside the text widget after the button?
Thanks for your help!
Posted 20 June 2013 - 07:51 PM Best Answer
Hi there, you can put the full code into a widget inside your footer sidebar. The full code can go inside the widget
Posted 29 June 2013 - 01:29 AM
If I put this code in my widget the modal wont display in the center of the screen, but in the center of the widget, in the footer
Posted 29 June 2013 - 12:20 PM
You can place it into a Content Box (an add on section available free from our Store). Add the Content Box to your template for that page, then use the options for the page to add your code. If you want it globally, then just use Dashboard > PageLines > Page Options.
Posted 29 June 2013 - 12:37 PM
I didn't understand your point!
I have a image in one column footer and I want to click on it and display the [pl_modal title="Modal" type="btn" colortype="info" label="Start"]Content[/pl_modal]
without the standard button (an image instead)
Where the content box can be used in this context?
Posted 29 June 2013 - 12:54 PM
My apologies. Your opening topic did not explain that in any manner, so I was basing my reply from your initial description. Please ignore my reply as it is incorrect in light of this.
In a footer column, you may add a text widget. In the text widget, you can add an image, using standard HTML img src...
I do not know that Bootstrap shortcodes allow for the modal call around your own images. However, there are plugins that will allow modals to open when called by an image.
You may want to search the Internet for some method of using a static image versus a button, label or badge, which are the three basic options found in our instructions at
Posted 01 July 2013 - 01:27 PM
I used the html code generated and copied it with firebug.
Placed inside widget, works like a charm.
Thanks a lot Rob and James
Posted 01 July 2013 - 10:07 PM
Hi Hugo, glad you got it working, thanks for updating the thread :-)
Posted 04 January 2014 - 08:30 PM
Having issue with modal popup in DMS - you can see popup lightbox functionality but entire screen greyed-out without modal box focus z-index floating above background. ideas? I'm trying to place HTML in footer but even I try short code in main content post, still same problem.
Posted 05 January 2014 - 12:28 PM
@- As I have mentioned on another topic, please create your own topic.
Posted 15 February 2014 - 09:32 AM
Hi @, I want to use the code you have given above.
Can I safely paste it into a text widget?
Posted 16 February 2014 - 11:07 AM
@- You can add that code wherever HTML is supported. Therefore, I would recommend a MediaBox instead of a TextBox. The TextBox section should really only be used for text.
Posted 16 February 2014 - 04:18 PM
I have just tried the code in a media box and... am I missing something?
On(media box with the pic on the right)
Posted 17 February 2014 - 02:06 AM
copied/pasted the one James gave above
Posted 17 February 2014 - 12:58 PM
It looks like there is a conflict, when using the HTML method, this was apparently fixed a few months ago.
I think the best alternative would be to use a lightbox plugin, as it is a simpler method.
I will report this, but using a plugin is the best method.
Also tagged with one or more of these keywords: modal, customize, image
PageLines DMS →
Technical Support (Free version) →
PageLines Framework →
Technical Support →
Store Product Support →
Store Products →
Products by Chris Johnston →
PageLines DMS →
PageLines DMS →
Technical Support (Personal, Business, & Developer) →