Archived

This topic is now archived and is closed to further replies.

  • 0

Using a modal pop-up window on a simple image button


Question

Posted · Report post

Hi,

I wonder if you could help me on this. Is it possible to trigger the modal pop-up window form a simple graphic (an image for example). We would like to use a banner image in the sidebar. When people click on it they get that great modal pop-up window.

If this is possible, how do you do this?

Thank you in advance for your kind reply.

Kwitelle

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Could this be done on a call to action button? i.e. the button triggers a modal window vs a simple hyperlink to another piece of content?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Kwitelle,

If you're referring to the PageLines Modal shortcode, then no it is not possible at this moment in time unfortunately. The modal is based on Twitter Bootstrap and it currently doesn't support image based modals.

If you require this functionality, you will need to install a plugin such as LightBox or Fancybox.

Share this post


Link to post
Share on other sites

Posted · Report post

I apologise but I am not quite sure what you're referring to.

Do you mean you wish to have a call to action button and upon click, a lightbox/fancybox window pops up with content?

Or do you mean you wish to have a call to action button and upon click, the PageLines modal window pops up with content ?

Share this post


Link to post
Share on other sites

Posted · Report post

@Danny

Styling wise, I like how the built-in call to action button is styled. I tried to replicate it and create a section to implement the modal feature, but got stuck. I was on the right track I believe correct?

Share this post


Link to post
Share on other sites

Posted · Report post

If you look at our demo page, you will notice that the default modal button on there is the same style as the Callout section, not sure why you would need to create a section. Can you provide more information please.

Share this post


Link to post
Share on other sites