Jump to content


These Forums Are Now Read-Only


For TubePress support, please post a question here or open a support ticket and we will be glad to assist.


Photo

2.1.1 pro thumbnails spacing and sizing


  • Please log in to reply
28 replies to this topic

#1 jon kopp

jon kopp

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 29 November 2010 - 11:53 AM

love this product! exactly what I need!

here is the page in question...
http://www.galkins.o...eos-mp3s/videos

Thumbnails for the gallery look great when page loads. Proper spacing, sized correctly, etc...

But when paginating it resizes the thumbs funny and messes up the spacing. Is there a way to go back to the other non-automatic resizing? I don't need it to do the fluid stuff...which is what it looks like is throwing it off.

#2 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 29 November 2010 - 11:27 PM

Out of curiosity, which browser/OS are you using? I tried with FF, Chrome, and Safari here on my mac and the thumbs look good even after pagination.

Anyway, you can certainly get rid of the fluid thumbnail feature if you're not keen on it. The solution is to create a new TubePress theme, which is relatively easy and "upgrade proof" against new versions of TubePress. Here are the docs on themes: http://tubepress.com...us...via_themes. They're new in this version, so please feel free to ask questions if the docs aren't clear.

After creating your custom theme, I would simply comment out the "TubePressGallery.fluidThumbs..." lines from gallery.tpl.php. That should do the trick.

#3 ebag

ebag

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 01 December 2010 - 12:17 PM

I am having this exact same issue. Commenting out the fluid thumbs js did not help. Any other ideas? How do I contact "dedicated support" for my pro purchase? Or is this it?

I am seeing it happen in OSX FF, Chrome, and Safari. Thanks!

P.S. jonkopp: I am seeing it happen on your link above myself. When the page load the thumbs are nice and big. Click a pagination button back or forth and the thumbs get smaller.

When I look at the source for this it seems it is adding style="width:120px;" to each
on my pages. I have set the width to 180px in the style sheet, and it reflects this when the page first loads, but then as soon as I click a pagination link it goes back to the 120px. Help?

#4 Benjamin Harrison

Benjamin Harrison

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 01 December 2010 - 03:45 PM

Same issue here.

http://double7images.com/portfolio

OS X, Safari, FireFox, Chrome

#5 Cam Merton

Cam Merton

    Member

  • Members
  • PipPip
  • 21 posts

Posted 01 December 2010 - 09:36 PM

Similar thing here. The vids in the gallerys are all squished together and when I edit the deault CSS to give them some more room it seems that on the very fist part of the page load the gallery follows my css changes then something seems to override it and it snaps back into squishyness (technical term) again.

Is there an easy way to override the fluid sizing for now? Its a wonderful addition to the plugin by the way, just not workin on my install.

Thanks for all your great work Eric.

#6 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 02 December 2010 - 01:24 AM

OK, I've reproduced the problem locally and am working on a fix. Stay tuned...

#7 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 02 December 2010 - 01:45 AM

Found the bug. Please help me test it by replacing your tubepress/ui/lib/tubepress.js with the one found here: https://gist.github.com/724899

Assuming this works for everyone, it will go out officially shortly. There's one more bug (related to the WordPress widget control) that I want to fix and then version 2.1.2 will be ready for release.

Looking forward to your feedback. Thanks!

#8 ebag

ebag

    Newbie

  • Members
  • Pip
  • 5 posts

Posted 02 December 2010 - 11:31 AM

eric: Seems to have fixed it perfectly for me - Thanks!

#9 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 02 December 2010 - 01:00 PM

Seems to have fixed it perfectly for me


That's good news!

#10 jon kopp

jon kopp

    Newbie

  • Members
  • Pip
  • 6 posts

Posted 02 December 2010 - 04:30 PM

that did it! thanks a bunch!

#11 Cam Merton

Cam Merton

    Member

  • Members
  • PipPip
  • 21 posts

Posted 08 December 2010 - 01:00 AM

Unfortunately that didn't fix it for me. I Still get the same "springing" thing where the correct spacing loads for a split second then seems to get overridden by something making everything compressed. I cleared caches and did all the usual and also made sure I was replacing the correct file etc. You can see an example of it here http://muspace.com.a...h/perthbands-tv.

Thanks as always,
Cam

#12 Cam Merton

Cam Merton

    Member

  • Members
  • PipPip
  • 21 posts

Posted 30 January 2011 - 10:20 PM

Hi Eric,

Sorry to bump this but that replacement tubepress.js didn't resolve the issue for me. Any ideas as to what might be going on?

Cheers

Cam

#13 Cam Merton

Cam Merton

    Member

  • Members
  • PipPip
  • 21 posts

Posted 30 January 2011 - 10:55 PM

Upon further investigation I found that if I disable Inline Styles (using Web Developer plugin in Firefox) everything renders correctly. The issue didn't occur prior to the Tubepress upgrade in December. Do any of the plugin files use inline styles? I'm assuming we may well have some within our site files which I'll search for.

Thanks for any help,

Cam

#14 John Delmore

John Delmore

    Member

  • Members
  • PipPip
  • 11 posts

Posted 31 January 2011 - 05:12 PM

Hello,

I am still experiencing this same issue, even though I am using 2.1.2 Pro. I tried updating with the file you posted in this thread, but same problem:

http://spincreativegroup.com/work/

It only started occurring after I changed the thumbnail sizes. I tried altering the fixed height and width in the default theme's stylesheet to give more room, but that didn't help. Interestingly, as soon as I open Firebug all the thumbnail resize properly and everything looks fine, except some of the title text disappears on the right side.

Any idea why this happening or what I could do to fix it?

I have tested in PC/Firefox/Win 7, PC/IE8/Win 7 and Mac/OS X/Firefox and the same bug is happening in all of them.

Also, I updated the tubepress.js file before I realized it was from an older version. Should I revert back to the file that came with the 2.1.2 package?

Thanks for your help!

#15 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 02 February 2011 - 03:43 PM

There's a "fluid" thumbnail feature that you might want to try disabling. It's almost certainly causing the spacing weirdness on your sites. Try deleting the JS around here: https://github.com/e...lo...l.php#L123. I would highly recommend implementing these changes as part of a custom theme if you want to keep your changes upon upgrade. Give that a whirl and let us know if it works.

The TubePress JS file reference earlier in this thread is deprecated as of 2.1.2. You should definitely use the fresh copy of tubepress.js from the 2.1.2 download.

Let me know how else I can help out.

#16 John Delmore

John Delmore

    Member

  • Members
  • PipPip
  • 11 posts

Posted 03 February 2011 - 01:57 PM

Hi Eric,

Thank you for replying!

I tried your suggestion and created a theme and removed the fluid thumbnails JS from the file you mentioned, but unfortunately that doesn't work. I need the thumbnails to be sized to 115px x 200px, and with the fluid thumbnails JS removed they just stay the default size:

http://spincreativegroup.com/work/

When I keep the fluid thumbnails JS in, occasionally the thumbnails do resize properly when I load the page, but most of the time they stay at the default size. The odd behavior is that when I open Firebug (my debugging Firefox plugin) the thumbnails all suddenly resize to their proper position, so it appears that the fluid thumbnails JS is not being properly initialized. It may be worth noting that when I reload the page the thumbnails never appear correctly, but sometimes after opening firebug, closing in, navigating away from the page and back to it the thumbnails are sized and positioned correctly.

Since removing the fluid thumbnails JS did not work and was causing it to never work, I went ahead and put it back in for the time being.

Phew! This is the last issue I'm having, and once we get this resolved I'll be out of your hair :P

Thanks for your help!

#17 John Delmore

John Delmore

    Member

  • Members
  • PipPip
  • 11 posts

Posted 04 February 2011 - 01:26 PM

Hi Eric,

I put the fluid JS back in and went to the page and it worked great the first couple of times, but after browsing away and back a couple of times it broke again. I took out the fluid JS and it won't work at all, and opening Firebug doesn't even fix the alignment. Totally lost at what to do next. The current page has the fluid JS removed:

http://spincreativegroup.com/work/

Any ideas you have would be greatly appreciated!

Thanks!

#18 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 04 February 2011 - 06:16 PM

OK, well the good news is that without the fluid thumbnail code this should be a relatively easy CSS fix. Investigating now....

#19 eric

eric

    Lead Developer

  • TubePress Staff
  • 2787 posts

Posted 04 February 2011 - 06:22 PM

Is this the look you're after? http://i.imgur.com/vQC1C.png

All I did here was change the "width" attribute of the "tubepress_thumb" CSS class to 220px. You can make the change in your theme's style.css (it's currently set to 120) if that's in fact what you're after. Let me know. Thanks!

#20 John Delmore

John Delmore

    Member

  • Members
  • PipPip
  • 11 posts

Posted 05 February 2011 - 05:03 PM

Hi Eric,

Thanks for the outstanding support! Yes, that fixed the alignment problem and the galleries are now displaying great. Thank you! An odd thing occurred, however. I managed to work around it but thought I'd mention it to you.

I created a new theme folder "spincreative", and uploaded to the FTP and selected the new theme in the TubePress settings, but when I was trying to change style.css it wasn't updating anything. I opened up FireBug and saw that style.css wasn't being loaded from the "spincreative" theme folder as I expected, but was being loaded from the "default" theme. I double-checked that the correct theme was selected, and it was. When I went to update gallery.tpl.php I had to upload to "spincreative" for it to take affect, but when changing style.css I have to upload to "default" for it to be loaded. I managed to work around it but I thought I'd mention it so it was on your radar.

Lastly, there's a new issue that just started happening that wasn't happening before. I don't think it's related to the changes I made, though. Sometimes when loaded the gallery, I get this message:

"No videos to populate this TubePress gallery."

I'm loading the videos from a Vimeo Album. It will load fine one time, then if I leave the page and come back it gives that error. Or, it loads fine, then using pagination I go to page 2 or 3 and will get that message. Right now it's happening about 40% of the time. The other 60% of the time all the pages load fine. Is this just an issue with Vimeo that will resolve itself, or is it something on my end I need to correct?

Thanks again for your excellent support. I'll definitely recommend your plugin to several friends!