WordPress.org

Ready to get started?Download WordPress

Forums

Google Calendar Events
[resolved] Lightbox for Link function (3 posts)

  1. Trev Wilcox
    Member
    Posted 1 year ago #

    Hi, I know this was at some stage being looked at, but don't know if it was ever resolved - but is it possible for event details called by the [link]…[/link] shortcode to be displayed in a lightbox type of thing?

    http://wordpress.org/extend/plugins/google-calendar-events/

  2. Ross Hanney
    Member
    Plugin Author

    Posted 1 year ago #

    Hello,

    It isn't possible to display the Google event details page in a lightbox thingy, as Google prevent the page from loading in an iframe on a non google.com domain (I've no idea why).

    However, you can sort of build the same functionality yourself using the event display builder (in the plugin settings, under "Display Options").

    For example, you could enter something like the following in the event display builder field:

    <div>[event-title]</div>
    <a class="thickbox" href="#TB_inline?inlineId=gce-[event-id]&width=300&height=200">More details...</a>
    <div id="gce-[event-id]" class="gce-lightbox-content">
    <div>Location: [location]</div>
    <div>Description: [description]</div>
    </div>

    You'll also need to ensure that Thickbox jQuery plugin that is included with WordPress is loaded, which you can do with a little functionality plugin (code here, or download as a .zip here).

    Finally, some CSS:

    .gce-lightbox-content {
    	position: absolute;
    	clip: rect(0 0 0 0);
    }

    That should cause anything within the .gce-lightbox-content <div> to be displayed in a lightbox when the "More details..." link is clicked. The CSS ensures the lightbox content is hidden until the link is clicked.

    I hope that helps. Let me know if you have further questions.

  3. Ross Hanney
    Member
    Plugin Author

    Posted 1 year ago #

    Marking as resolved. Let me know if you have further questions.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic