Getting Button to open in Light box

[aplus]

Jason,

Just back on this site, http://medarb.com to fitness a few features, which have created a problem. I would appreciate your guidance to understand:

1. Why a stock short code does not work.

I want to open a calendar in a LightBox.
I selected a standard button short code to open in a light box:

I have created these at the bottom of this page (and in the Widget): http://medarb.com/members/brydget-barker-hudson

[button color=”danger” link=”http://medarb.com/calendar” size=”default” target=”lightbox” block=”true”] CHECK CALENDAR in Lightbox[/button]

But it doesn’t open.

If I create it as a new page then it works:

[button color=”danger” link=”http://medarb.com/calendar” size=”default” target=”_blank” block=”true”]CHECK CALENDAR in New Page[/button]

2. After I sort that out I want to put the button into a widget. I have already read your existing posts on that and amended the function.php file so that the code will work from the RH side widget. As you can see the above button is working to open the calendar in a new page from the Widget.

3. I am assuming that when I fix the Light box issue I can then just put it in the widget and it will work from there as well??

Appreciate your insight on this matter as always.

Thanks,
Derek

Topic

[Jason Bobich]

Hello Derek,

Unfortunately this is not what a lightbox is meant to do; it can only display media like images and videos. For example, you could link to an image file, a YouTube video, Vimeo video, etc, but you’re not able to link to display a webpage in the lightbox.

How are you displaying the calendar plugin you’re using in that page? I think using our [popup] shortcode combined with however you’re displaying the calendar might make more sense over trying to wrap an entire page in a lightbox. Even if you were able to do that, I don’t think it would quite turn out the way you’re imagining and would be a little confusing to a website visitor.

See here: http://shortcodes.themeblvd.com/generator/small-components/#popup

[popup text="View Caldendar" header="Calendar"]
Your calendar shortcode or whatever...
[/popup]

[aplus]

Hi Jason,

Thank you for your prompt response.

Followed your guidance and created the calendar as a popup and it works fine on the page. For a bit of fun I put it in a Panel as well:

[popup header=”Barker-Hudson Calendar” animate=”true” text=” Check Calendar” color=”danger” size=”default” icon_before=”calendar”] [dopbsp id=”2″ lang=”en”]
[/popup]

But the popup doesn’t work in a widget.

I did follow your advice here: http://support.themeblvd.com/forums/topic/shortcodes-in-widgets-and-mobile-social-media/

Both changing the code and trying it with “Shortcodes in Sidebar Widgets plugin” to no avail.

Is it possible, as I would prefer the link in the widget, or should I forget the idea?

Also one little thing I noticed was that the shortcodes for Icons does not include a Calendar icon. I would certainly request one if you thought to include it in a subsequent revision.

Derek

[Jason Bobich]

Did you try removing the [popup] shortcode? Is it possible that the issue you’re experiencing is simply that your calendar plugin shortcode doesn’t work in a widget? Maybe something to try contact the plugin author about?

Sometimes you’ll come across plugins that have “shortcodes” that aren’t necessarily setup with the true WordPress shortcode system. In other words, they filter onto the_content and do something in addition to simply registering a shortcode.

Instead of simply filtering on do_shortcode, you could just throw the whole kitchen sink at your text widget of what happens with the content area of a page, if you want.

function my_widget_text( $text ) {
	return apply_filters('the_content', $text);
}
add_filter('widget_text', 'my_widget_text');

[Author]

Replies