+1-888-365-2779
Try Now
More in this section

FancyBox

5 posts, 1 answered
  1. Roberto
    Roberto avatar
    18 posts
    Registered:
    12 Jan 2011
    15 Apr 2011
    Link to this post
    Hi there.

    I am now really at the end of my tether.
    The more I use SiteFinity, the more I wish I hadn't bothered.
    Every time I come to do something simple, it ends up being a huge task. I have now just spent 5 hours creating a gallery that should just work.

    The gallery that comes with SiteFinity is just unusable. I have been told that I can not change the thumbnail widths, which makes it totally useless for my site.
    So I created my own simple gallery using FancyBox and some jQuery.
    You can see it here:
    http://brightdigital.co.uk/newtest.aspx

    So, once, I had that working, I decided to add it to SiteFinity. Should be fairly simple I thought. Boy was I wrong.
    Adding this to the site caused it to stop working. I knew that SiteFinity used FancyBox, but no matter what I try, I can not get it to work with my gallery. I have tried alsorts.
    I figure that SiteFinity must be using an older version.

    Can someone please tell me what I need to do to get it to work.

    Here is the link to the page that is not working.
    http://brightdigital.co.uk/imagetest

    I will be posting another thread about the blog archive control (which is even more useless that the gallery) in a minute..... as no one has replied to my ticket.....
    I am so close to looking for another product. Although SiteFinity looks good, only simple things seem to work. As soon as I need to add anything, it breaks.
    This is not good.
  2. Richard Baugh
    Richard Baugh avatar
    201 posts
    Registered:
    22 Aug 2012
    15 Apr 2011
    Link to this post
    You need to move the fancybox script reference to the botttom of the body tag. You can do this in a master page or you can add it using the script/style widget and set it to end of the body tag.

    The reason it is not working is that Sitefinity will add jquery to the site. It is added toward the top of the body tag and your reference to fancybox is above this. So the jquery instance that is provided by Sitefinity is basically causing the fancybox initialization to be erased. There are a few posts on the forum which talk about this. I have just started to put my references to any plugin at the bottom of the body tag.
    Answered
  3. Roberto
    Roberto avatar
    18 posts
    Registered:
    12 Jan 2011
    18 Apr 2011
    Link to this post
    You sir, are my new hero :)

    Thanks a lot.
  4. Luke
    Luke avatar
    56 posts
    Registered:
    18 Mar 2013
    22 Nov 2013
    Link to this post
    Speaking of unusable and totally useless - does anyone know if Sitefinity allows you to modify the rendering of the Fancybox modal dialog resulting when you click image gallery thumbnails? Out of the box, the markup seems untested because the image description field blows out to 100% width of the entire screen, even if the image is 800px centered in the modal layer.

    Or is this markup decompiled into 0s and 1s within the Sitefinity project? Sorry, not a compiled language developer here, I'm a designer for the web and it drives me batty that this one small piece of the presentation layer is inaccessible except via some compiled language IDE.
  5. Jochem Bökkers
    Jochem Bökkers avatar
    787 posts
    Registered:
    13 Aug 2007
    24 Nov 2013 in reply to Luke
    Link to this post
    Hey Luke,

    Yes, they load the styles from the embedded .css file Telerik.Sitefinity.Resources.Themes.Basic.Styles.fancybox.css

    Easiest route to go is to simply add to the page:
    $(".sfLightBox").fancybox({
      'titlePosition' : 'inside'
    });

    And from there style accordingly. Trying to get the default 'outside' title to flow nicely with auto widths according to images sizes is euhm 'tricky' :)

    Jochem
5 posts, 1 answered