It's time to say goodbye to Flash player

[Kyryl_Ning_Support]

Hello, everyone!

There was small update a few days ago that has been unnoticed so lets correct this terrible situation.

Step by step we're replacing the parts of the code that were using Flash player, probably you have already noticed the changes in File manager on both platforms (Ning 2.0 and Ning 3.0). Recently the slideshows have been updated and they aren't using flash any longer. What is it all about? Right now, the slideshow would be working even if your site would be opened on phone (I mean the web version of it) also as Adobe stopped updating the Flash player sooner or later it would stop working completely so it's better to be prepared. Unfortunately, it's still in beta and we have spotted already spotted one bug. All the pictures are aligned to the top line of the container where the photos are posted, which means if the photos have the different size the dimensions of the container would be determined by the biggest picture in the list, so some small pictures could have empty white space after them. 

But as it's basically the issue with styles you can just add the following code to the Custome CSS and the pictures in the slideshow would be displayed in the middle of the container, which would have the way better look.

.slick-track { display: flex!important; justify-content: center; align-items: center;/* Safari */  display: -webkit-flex!important; -webkit-justify-content:center; -webkit-align-items: center; }

The code from above is just the temporary solution, it won't be necessary to use it after our tech team would release the fix for this.

Best wishes,

The Ning Team.

P.S. Please note that the fix from above is related to the slideshows on Ning 2.0 only

[Matt]

[Pam Givens]

Is it possible for some one to help me with the CSS?

[Cindy Dean Mccoy]

For me (old Ning 2) I go to my admin section and click "Appearance" and then the "Advanced" tab.  I copy/paste the provided code at the bottom of the text that is already in the window.

[Pam Givens]

Thank you Cindy. I have old ning ;-)...love it and will try putting the code in  as you say.

[Kyryl_Ning_Support]

Hi Pam,

Just in case I have made the screenshot of the design studio with the steps outlined by Cindy, except the one regarding copying and pasting of the code.

Best wishes,

Ning Team.

[Cindy Dean Mccoy]

My Ning 2 is so old, it not look anything like that.  I mean, really old version of Ning 2.

[Matt]

To resize slideshow images so that the the height of portrait images are the same as the height of the landscape images CSS:

.slick-slide img { max-height: 360px;}

For slideshow images in small columns on the main page:

.xg_widget_main_index_index .slick-slide img { max-height: 220px;}

[Paul Corona]

so there is not going to be any info posted with those photos such as who posted them?

[David Deubelbeiss]

Is this related to the video player also?  Or will there be a separate release for that? 

[Kyryl_Ning_Support]

Hi there!

I do suppose it would be a separate release, as basically, we are removing flash when there is any other task connected to the functionality which is using flash. 

By using this approach we are saving some time of our developers that they could spend on other tasks. By the way, on Ning 3.0 we are already using HTML 5 for the video player.

Best regards,

Ning Team.