Using WordPress Google Form Shortcode inside a Tab Shortcode

Hmmm … I’m not sure how to answer this.

What defines the [tab] short code? Is it defined by a plugin on your theme? If it is a plusing, let me know and I can try it out. If it is in your theme, there isn’t much I can do as your theme is a commercial theme so I don’t have access to it.

If you Google nested shortcodes you’ll find lots of information about similar problems. From everything I scanned through, the responsibility for nesting correctly falls within the outer shortcode in your case, the [tab] shortcode.

There is some information here on the Codex.

I don’t think the issue you are having is one that WordPress Google Form can fix. However, if it it turns out there is something I am doing wrong, I’d be happy to look at it. Right now I am not even sure what I’d look for.

I think the problem is in the shortcode definition for tab.

function organic_tab( $atts, $content ){
	extract(shortcode_atts(array(
		'title' => 'Tab %d'
	), $atts));

	$x = $GLOBALS['tab_count'];
	$GLOBALS['tabs'][$x] = array( 'title' => sprintf( $title, $GLOBALS['tab_count'] ), 'content' => $content );

	$GLOBALS['tab_count']++;
}
add_shortcode( 'tab', 'organic_tab' );

Nowhere inside this function (which defines the tab shortcode) does it make another call to do_shortcode() which it should in order to process shortcodes embedded within shortcodes.

I think if you changed the function to the following it would work but without having the entire theme to test with I am not sure.

function organic_tab( $atts, $content ){
	extract(shortcode_atts(array(
		'title' => 'Tab %d'
	), $atts));

        do_shortcode( $content );

	$x = $GLOBALS['tab_count'];
	$GLOBALS['tabs'][$x] = array( 'title' => sprintf( $title, $GLOBALS['tab_count'] ), 'content' => $content );

	$GLOBALS['tab_count']++;
}
add_shortcode( 'tab', 'organic_tab' );

Duh – I see what I did wrong.

Try this:

function organic_tab( $atts, $content ){
	extract(shortcode_atts(array(
		'title' => 'Tab %d'
	), $atts));

        $content = do_shortcode( $content );

	$x = $GLOBALS['tab_count'];
	$GLOBALS['tabs'][$x] = array( 'title' => sprintf( $title, $GLOBALS['tab_count'] ), 'content' => $content );

	$GLOBALS['tab_count']++;
}
add_shortcode( 'tab', 'organic_tab' );

Because you used echo it placed the content into your page at the time it was called, not when the tab was constructed. Assigning the output of do_shortcode() to $content should result in it being the the correct place.

Do you have it live where I can see it? The tab content is almost certainly contained in a DIV and hopefully the DIV has an ID and if it does, you can set the height using CSS!

Try adding something like this to your CSS file:

#tabs-1 {
    height: 500px;
}