Current status of the Ning Platform is always available on the Ning Status Blog.

Let's say you have some social channel pages but you would like to add a TabContainer on another page for example and that by using the add content insert certain social channels into a tabContainer. Now that is all pretty easy to do as it's just like adding other content to tabContainer but there is an issue when playing videos from other tabs in the tabcontainer except for the first one tab.

What happens is you click on a second tab then click on a video and you will hear the video playing but not see it, if you click back on the first tab you will see the video. So there seems to be a bit of a bug in the original code that Ning has done. Maybe this is something that the New Ning team could look into so in the mean time here is some code for you to use.

The code goes in your end of page custom code box.

Here is a link so you can see the tab container working: http://bizzssite.ning.com/social-channels-tabs

By the way you may notice my video player looks a little different and this is some custom code and css I used to get them to look like that and will post all that code for you soon.

<!-- GET SOCIAL CHANNELS IN TAB CONTAINERS WORKING FIX -->
<script>
x$('.tabContainerSection-pane.section-channel ').addClass('otherpanes');
x$('.tabContainerSection-pane.section-channel:first').removeClass('otherpanes');
x$(".tabContainerSection-pane.section-channel.otherpanes .matrix-itemFluid.matrix-itemFrame.feedListPage-item").click(function(){
x$(".tabContainerSection-pane.section-channel:first").show();
x$('.tabContainerSection-pane.section-channel:first .matrix.row').hide();
x$('.tabContainerSection-pane.section-channel:first .module-footer').hide();
x$(".tabContainerSection-pane.section-channel").parents().find('li.tabContainerSection-tab:nth-child(1)').addClass('navtabOne');
x$("li.tabContainerSection-tab:nth-child(1).navtabOne").click(function(){
x$(".tabContainerSection-pane.section-channel:first .matrix.row ").show();
x$('.tabContainerSection-pane.section-channel:first .module-footer').show();
});
});
</script>
<!-- END SOCIAL CHANNELS IN TABCONTAINERS FIX -->

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Hi there,

    Thanks for bringing our attention for this issue. We have already passed it further to our tech team.

    Thanks,

    Ning Team. 

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Kenny Craig updated their profile
Sunday
Isabella Wilson updated their profile
Jun 5
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Jun 2
Eva liked Suave's discussion I AM LOOKING FOR DEVELOPER ASSISTANCE WITH ADDING AUTOMATIC MUSIC TO MY HOME PAGE
Jun 2
Alex - Rosas † Negras posted a discussion
Jun 1
Alex - Rosas † Negras posted a discussion
May 28
Alex - Rosas † Negras replied to Suave's discussion
I AM LOOKING FOR DEVELOPER ASSISTANCE WITH ADDING AUTOMATIC MUSIC TO MY HOME PAGE
"if you need I'm here, if you look in my discussions you will also find the playstil"
May 23
Alex - Rosas † Negras replied to ⚡JFarrow⌁'s discussion
What is going on with Ning? What Do We have to Look Forward To?
"Bizz ⚡JFarrow⌁ 
I'm sorry that many like us have worked so hard and given up, but at least I'm…"
May 23
⚡JFarrow⌁ posted a discussion
Back in the day, this community was jumping with activity.   But since the Ukraine war broke out we…
May 22
⚡JFarrow⌁ and Truebook are now friends
May 22
Alex - Rosas † Negras replied to Alex - Rosas † Negras's discussion
I want to thank JOHN BIZLEY ( BIZZ) for his invaluable help, active icons on the Ning bar,CODES ADDED
"A thousand thanks"
May 20
Alex - Rosas † Negras replied to Pam Givens's discussion
Landing Page
"Pam Givens this is an example i created of an old 3.0 site"
May 20
More…

Meanwhile, you can check our social media channels