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

Forums / General Discussions / Single Image Thumb Click Big Image Lightbox

Single Image Thumb Click Big Image Lightbox

16 posts, 0 answered
  1. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    29 Sep 2011
    Link to this post
    I have a sugestion open here: http://www.sitefinity.com/devnet/forums/sitefinity-4-x/suggestions/image-widget-improvements.aspx

    Just wondering if anyone has yet programmed a widget with the following functionality

    - Select an image form a library
    - Have a thumb (downsized) shown on page (px width could be set)
    - On click original image shows in lightbox mode

    It would be kind of a single image image gallery?

    Anyone has done something like this.

    -------------------------

    Or any way to add image on page with click to open big image - but having an editor, not programmer in mind. So no copying JS, Jquery stuff.

    Markus
  2. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    29 Sep 2011
    Link to this post
    ...I have one coming

    Except its more generic than that.  Gives two layout boxes...so whatever you put in the top becomes the thing that activates the lightbox, whatever you put in the bottom is what is IN the lightbox when it pops up.  The plus side is they're layouts so they accept child layouts which means the content inside can be whatever.

    4.2 SP1 fixed a blocking bug on it, so should be done soon
  3. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    30 Sep 2011
    Link to this post
    @Steve

    Would you be willing to share?

    @Telerik

    Would you be willing to look at Steves solution and try to get that into 4.3 as a widget. This seems to be another example (like mailing forms) where a user does some very good work that would be appreciated by so many users.

    Markus
  4. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    30 Sep 2011
    Link to this post
    Yeah, I'll have it in the marketplace soon

    Video: http://www.screencast.com/t/elfW5OD5
  5. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Oct 2011
    Link to this post
    Dear Steve

    Any news on this yet?

    Markus
  6. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    11 Oct 2011
    Link to this post
    WOW!...weird you mention it

    I worked on it yesterday and sent a preview to Anton before it gets released

    ...improved interfaces:
    http://www.screencast.com/t/8Zz1Xg3av
    http://www.screencast.com/t/PZkkkytM

    So hopefully soon...I see a couple bugs, but nothing game breaking, just nit-picky minor things :)
  7. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Oct 2011
    Link to this post
    Dear Steve

    The wow is all on my part. You must have worked so hard and especially the lightbox solutions looks so simple to achieve.

    Absolutely great! I wished stuff like this would not have to end up in marketplace but Telerik would implement it. After all Sitefinity is not supposed to be open source to me :-)

    Again its amazing what you are doing. I hope Telerik awards you with 1'000'000 points at least.

    Markus

    PS: why is it easier to implment this as layout instead of a widget?
  8. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    11 Oct 2011
    Link to this post
    Because the layout lets you put whatever the crap you want inside it...if it's just a widget then you and your designers are stuck with the RadEditor to put stuff in the popup...which can suck sometimes.  Like this way allows NESTING other layouts inside the popup too right.

    This way you can put forms, or other things in there too.

    This is the idiot-proof "Simple" version.  I have a more advanced one planned where you can place the popup somewhere at the bottom out of the way and have the widget point at that (so you can configure some options)

    This is why I wanted layouts to have custom properties\designers.

    **EDIT** I would love it if they wanted to implement these widgets too :)  I have been planning this tabstrip since 3.x...but without layout controls it was just a pipe dream.

    Steve
  9. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Oct 2011
    Link to this post
    Dear Steve

    Idiot-proof is what I need. I even prefer the term primate-save :-)

    Markus
  10. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    11 Oct 2011
    Link to this post
    Problem though (as simple as it is)...it'll take up a ton of vertical designer space right :/
  11. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Oct 2011
    Link to this post
    Dear Steve

    Well since you have your tab strip solution in place alredy simply combine them :-)

    As one of the primates you are programming for this should only take a couple of minutes to do so.

    Markus

    PS: I know the image widget really does not much at all. Would it be possible to have a simpler version just for images when inherriting from images widget? Maybe the image widget would be usefull after all.

    Sometime it would be easier to chat then using SF forum for it. So if you want send me your details to mb (at) marktold.com (skype, IM are prefered)

    Regards Markus
  12. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    11 Oct 2011
    Link to this post
    Hmmmm...interesting

    So you mean like it would have two fields in the editor...one to pick an image from the library...and a second field to have the text which would open it?
  13. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    11 Oct 2011
    Link to this post
    Dear Steve

    Well the most common scenario I can think of is thumbs and big image.

    Let's say you have screenshots of an application. For example 20 screenshots of SF backened and you want to present them and can not use a image gallerie

    Text for screenshot 1

    thumb_screenshot 1 ->  when click screenshot 1 lightbox style
    -------------------------------
    Text for screenshot 2

    thumb_screenshot2 -> when clicked screenshot 2 lightbox style

    ----------------------------

    I guess you could missuse the image Gallery and give each image a seperate tag, Then add the image library to your page and filter by this tag. Then you get a one image - image gallery which would do the trick.

    But that's simply a workaround.

    So it would be back to my very first post.

    ===================================

    As for you solution to day it would be nice of cours that instead of top bottom for your link content / overlay content we simply have two tabs. But thats a whole different concetpt i guess.

    Markus


  14. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    11 Oct 2011
    Link to this post
    "As for you solution to day it would be nice of cours that instead of top bottom for your link content / overlay content we simply have two tabs. But thats a whole different concetpt i guess."

    Javascript doesn't work in the design surface :o
  15. Markus
    Markus avatar
    2763 posts
    Registered:
    25 Nov 2005
    04 Nov 2011
    Link to this post
    Dear Steve

    Did you finish your super solution?

    Markus
  16. Steve
    Steve avatar
    3037 posts
    Registered:
    03 Dec 2008
    04 Nov 2011
    Link to this post
    I just need to package and send it to the marketplace :/

    ...we decided to move last week so I've been frantically tiling, sanding, painting for days and hours!

    Please bear with me :)
16 posts, 0 answered