1. 

   Slightly Perturbed
   

   offline

   Member

   I need to create a responsive site with thumbnail images. Click a thumbnail and it opens up a pop-up with more thumbnails each linking to a page. I used pop box magic Lightbox but had issues when I tried to create space between the thumbnails inside the pop-up. I tried using a 5 px margin but when the screen is narrow I can't scroll to the top of the box to close the pop-up and the top half of the first thumbnail is missing. Also because of the width it's almost impossible to click outside the box to close it.

   Is pop box magic the best tool for this job or is there another way to go? If it is how to to fix the scrolling/space problem. Thanks.

   Posted 6 months ago
2. 

   Al Sparber
   

   offline

   PVII Team

   We would need to see your work to give you a suggestion, as well as to understand what you are trying to do,

   Posted 6 months ago
3. 

   Diane
   

   offline

   Member

   On the off chance that it is helpful - maybe use slide out panels (SOP) instead of a popbox? the functionality is similar in the sense of the user not leaving the current screen.

   as an aside, If you're using thumbs a lot it might be nice to know that you can use tab panel magic (TMP3) for the navigation alone (ie leave the content panels empty) ... so that you can have a nice responsive row of thumbs.... which you can then put on a master and manually do things with. I notice that TPM3 is getting further down on the list, and it's a favorite, so I'm just putting a plug in for it :).

   Posted 6 months ago
4. 

   Slightly Perturbed
   

   offline

   Member

   Thanks for the replies, I figured out a solution by tweaking the CSS.

   Posted 5 months ago
5. 

   Al Sparber
   

   offline

   PVII Team

   Glad you did, because there was no way to really help you without seeing an example. Pop Box, by the way, would have absolutely nothing to do with how thumbnail images inside would display. Pop Box content areas are normal parts of you page and it is up to you to style that content, bit plain text or, in your case, thumbnail images.

   That said, we would be quite happy to help you in the future. I'm sure we could have given you a very good solution. Unfortunately, in order to help you we need you to help us by providing either a very precise description of what you are attempting to do or, better, an example page.

   Posted 5 months ago
6. 

   Diane
   

   offline

   Member

   veering off topic partly .... on topic as far as doing interesting things with just P7 thumbs though.... maybe for the ideas department... I don't think I shared this here... The thumbs on the following page are done with the TP3 thumbs - the main tab panels are not used. I think this could be done in a slide out panel... yes? no reason why not... I may try it for a project coming up...

   Before someone uses those words, you know "mobile first" :)... this works because the artist did not want the thumbs to appear for mobile so they are hidden at about 700. It gives me a carousel of sorts. Although mobile is big, it's not everything.

   http://ingridmatthews.com/art/images/2017/Protagonist.html

   This is a heavily customized site ... true bespoke... morphed thru many versions.... and morphs like crazy for different sizes - just please don't judge some of the code :)... code itself shouldn't be too bad but it would obviously be better organized if planned first then coded as opposed to the iterative process. And it was my first use of LBM on a full site. It is also an example of why it is nice that the tools install themselves into the local directory where they are used. Usually I move them up to a central directory but for this site, there are 3 different "centers".

   Lots of P7, looking at the subdirs, LMB based, one part does use the LBM menu, PM3 for other menus, TP3, TTM, STE, with IFX on a page (for the grayscale), SML in a couple places, and DMM in another section.

   I like that we can do this with the TP3 thumbs - and use them as if they were the main content for their section.... just something to keep in mind if someone has a similar need and didn't realize they could be used like this and when you are making new magic.

   TP3 has swiping, can we tap into that? Or do any of the others? I have another artist who is ready who also wants clean but different. The site I've shared has one big flaw in my opinion that the client doesn't care about and that is that navigation on the main pics aren't swipeable, have to tap on the edges...

   Posted 5 months ago
7. 

   bizpat
   

   offline

   Member

   (off topic) I love the art pieces!

   Posted 5 months ago

RSS feed for this topic

Reply

You must log in to post.