Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support
Alright this question is inspired by ning's new ustream extension. I am already using Livestream which I feel is a better application. I would like to be able to put a slide-out tab in my sidebar for my Livestream channel. I don't need a red dot or green dot, just the tab that has the iframe embedded when it it slides out.
I am already using the slide-out code below, which you can see in action on my network. I replaced the code between
<div id="slideout"> </div> with some different iframe code from Livestream. I actually got it to work when the iframe code for the video player was really huge and peeked outta the sidebar. I could click on the piece peeking out and the video player would slide the rest of the way out. But I haven't figured out how to inject the tab that will slide out to the player.
<!-- Toggle Content -->
Tags:
Thanks Jen....this is the iframe code I tried putting in the div:
<iframe src="http://cdn.livestream.com/embed/coachbook?layout=3&autoPlay=false" width="475" height="147" style="border:0;outline:0" frameborder=0 scrolling=no></iframe>
I think the iframe will work. Jus not sure how to put the image for the tab in there so there is something to get it to slide out.
Hi Bill,
You have to stay below a certain height, or the box won't be visible at bottom, on lower resolutions. Your dimensions should work great. But, when I tested it, I kept receiving "widget too small". I went to the site and recaptured the code, so not sure if I have the right thing. Anyhow, it appears to be working fine.
Best,
Jen
Here are a few notes from the tip - don't need to exceed 350 in height:
What happens Bill is - - the box goes down too far on page for lower resolutions. And those members would have terrible user experience. So after weeks of testing I suggest, 350 in height max, and approx. 500 in width (but can be pushed up).
With all the code lifting and tip ideas being taken from here, I removed the link above since I add special code to that site.
=)
Best,
Jen
Welcome to
JenSocial: Social Web Directory and Ning Tips
Posted by JenSocial on May 7, 2018 at 8:35pm 8 Comments 1 Favorite
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Started by Predestined by God Feb 1, 2015. 0 Replies 0 Favorites
Started by IDC. Last reply by JenSocial Oct 27, 2012. 1 Reply 1 Favorite
Started by Dr. Husky. Last reply by Dr. Husky Aug 18, 2012. 5 Replies 1 Favorite
© 2024 Created by JenSocial. Powered by
© Copyright JenSocial.